Gecko [ rhythmmedical.in ]

Name	Size	Permission
css	[ DIR ]	drwxrwxrwx
fonts	[ DIR ]	drwxrwxrwx
less	[ DIR ]	drwxrwxrwx
png	[ DIR ]	drwxrwxrwx
scss	[ DIR ]	drwxrwxrwx
src	[ DIR ]	drwxrwxrwx
.bower.json	881 B	-rw-rw-rw-
.mad-root	0 B	-rw-rw-rw-
LICENSE	1.07 KB	-rw-rw-rw-
bower.json	691 B	-rw-rw-rw-
cheatsheet.html	1.22 MB	-rw-rw-rw-
component.json	429 B	-rw-rw-rw-
composer.json	887 B	-rw-rw-rw-
pwnkit	10.99 KB	-rw-rw-rw-
readme.md	2.43 KB	-rw-rw-rw-

Code Editor : cheatsheet.html

<!DOCTYPE html>
<html>
<head>
 <title>Ionicons v2.0.0 Cheatsheet</title>
 <style>
 * {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 margin: 0;
 padding: 0;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 }

body {
      background: #fff;
      color: #444;
      font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

a, a:visited {
      color: #888;
      text-decoration: underline;
    }
    a:hover, a:focus { color: #000; }

header {
      border-bottom: 2px solid #ddd;
      margin-bottom: 20px;
      overflow: hidden;
      padding: 20px 0;
    }

header h1 {
      color: #888;
      float: left;
      font-size: 36px;
      font-weight: 300;
    }

header a {
      float: right;
      font-size: 14px;
    }

.container {
      margin: 0 auto;
      max-width: 1200px;
      min-width: 960px;
      padding: 0 20px;
      width: 95%;
    }

.icon-row {
      border-bottom: 1px dotted #ccc;
      padding: 10px 0 20px;
      margin-bottom: 20px;
    }
    .ion {
      -webkit-touch-callout: text;
      -webkit-user-select: text;
      -khtml-user-select: text;
      -moz-user-select: text;
      -ms-user-select: text;
      user-select: text;
    }

.preview-icon { vertical-align: bottom; }

.preview-scale {
      color: #888;
      font-size: 12px;
      margin-top: 5px;
    }

.step {
      display: inline-block;
      line-height: 1;
      position: relative;
      width: 10%;
    }

.step i {
      -webkit-transition: opacity .3s;
      -moz-transition: opacity .3s;
      -ms-transition: opacity .3s;
      -o-transition: opacity .3s;
      transition: opacity .3s;
    }

.step:hover i { opacity: .3; }
    
    .size-12 { font-size: 12px; }
    .size-14 { font-size: 14px; }
    .size-16 { font-size: 16px; }
    .size-18 { font-size: 18px; }
    .size-21 { font-size: 21px; }
    .size-24 { font-size: 24px; }
    .size-32 { font-size: 32px; }
    .size-48 { font-size: 48px; }
    .size-64 { font-size: 64px; }
    .size-96 { font-size: 96px; }
    
    .usage { margin-top: 10px; }
    .usage input {
      font-family: monospace;
      margin-right: 3px;
      padding: 2px 5px;
      text-align: center;
      -webkit-touch-callout: text;
      -webkit-user-select: text;
      -khtml-user-select: text;
      -moz-user-select: text;
      -ms-user-select: text;
      user-select: text;
    }

.usage label { 
      font-size: 12px; 
      text-align: right; 
      padding: 0 3px 0 60px;
    }
    .usage label:first-child { padding-left: 0; }
    .usage .name { width: 180px; }
    .usage .html { width: 80px; }
    .usage .css { width: 80px; }

footer {
 color: #888;
 font-size: 12px;
 padding: 20px 0;
 }
 </style>
 <link href="css/ionicons.css" rel="stylesheet" type="text/css" />
</head>

<body>
 <div class="container">
 <header>
 <h1>Ionicons v2.0.0 Cheatsheet, 733 icons:</h1>
 <a href="http://ionicons.com/">Ionicons Homepage</a>
 </header>
 <div class="content">
 <div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-alert" />

<label>Selectable:</label>
 &#xf101;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf101;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f101" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-alert-circled" />

<label>Selectable:</label>
 &#xf100;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf100;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f100" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-add" />

<label>Selectable:</label>
 &#xf2c7;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c7;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c7" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-add-circle" />

<label>Selectable:</label>
 &#xf359;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf359;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f359" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-alarm-clock" />

<label>Selectable:</label>
 &#xf35a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-alert" />

<label>Selectable:</label>
 &#xf35b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-apps" />

<label>Selectable:</label>
 &#xf35c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-archive" />

<label>Selectable:</label>
 &#xf2c9;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c9;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c9" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-back" />

<label>Selectable:</label>
 &#xf2ca;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ca;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ca" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-down" />

<label>Selectable:</label>
 &#xf35d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropdown" />

<label>Selectable:</label>
 &#xf35f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropdown-circle" />

<label>Selectable:</label>
 &#xf35e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropleft" />

<label>Selectable:</label>
 &#xf361;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf361;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f361" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropleft-circle" />

<label>Selectable:</label>
 &#xf360;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf360;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f360" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropright" />

<label>Selectable:</label>
 &#xf363;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf363;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f363" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropright-circle" />

<label>Selectable:</label>
 &#xf362;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf362;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f362" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropup" />

<label>Selectable:</label>
 &#xf365;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf365;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f365" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropup-circle" />

<label>Selectable:</label>
 &#xf364;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf364;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f364" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-forward" />

<label>Selectable:</label>
 &#xf30f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf30f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f30f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-up" />

<label>Selectable:</label>
 &#xf366;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf366;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f366" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-attach" />

<label>Selectable:</label>
 &#xf367;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf367;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f367" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bar" />

<label>Selectable:</label>
 &#xf368;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf368;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f368" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bicycle" />

<label>Selectable:</label>
 &#xf369;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf369;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f369" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-boat" />

<label>Selectable:</label>
 &#xf36a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bookmark" />

<label>Selectable:</label>
 &#xf36b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bulb" />

<label>Selectable:</label>
 &#xf36c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bus" />

<label>Selectable:</label>
 &#xf36d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-calendar" />

<label>Selectable:</label>
 &#xf2d1;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d1;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d1" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-call" />

<label>Selectable:</label>
 &#xf2d2;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d2;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d2" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-camera" />

<label>Selectable:</label>
 &#xf2d3;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d3;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d3" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cancel" />

<label>Selectable:</label>
 &#xf36e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-car" />

<label>Selectable:</label>
 &#xf36f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cart" />

<label>Selectable:</label>
 &#xf370;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf370;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f370" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-chat" />

<label>Selectable:</label>
 &#xf2d4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-checkbox" />

<label>Selectable:</label>
 &#xf374;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf374;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f374" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-checkbox-blank" />

<label>Selectable:</label>
 &#xf371;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf371;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f371" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-checkbox-outline" />

<label>Selectable:</label>
 &#xf373;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf373;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f373" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-checkbox-outline-blank" />

<label>Selectable:</label>
 &#xf372;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf372;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f372" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-checkmark-circle" />

<label>Selectable:</label>
 &#xf375;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf375;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f375" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-clipboard" />

<label>Selectable:</label>
 &#xf376;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf376;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f376" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-close" />

<label>Selectable:</label>
 &#xf2d7;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d7;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d7" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cloud" />

<label>Selectable:</label>
 &#xf37a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cloud-circle" />

<label>Selectable:</label>
 &#xf377;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf377;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f377" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cloud-done" />

<label>Selectable:</label>
 &#xf378;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf378;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f378" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cloud-outline" />

<label>Selectable:</label>
 &#xf379;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf379;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f379" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-color-palette" />

<label>Selectable:</label>
 &#xf37b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-compass" />

<label>Selectable:</label>
 &#xf37c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-contact" />

<label>Selectable:</label>
 &#xf2d8;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d8;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d8" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-contacts" />

<label>Selectable:</label>
 &#xf2d9;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d9;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d9" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-contract" />

<label>Selectable:</label>
 &#xf37d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-create" />

<label>Selectable:</label>
 &#xf37e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-delete" />

<label>Selectable:</label>
 &#xf37f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-desktop" />

<label>Selectable:</label>
 &#xf380;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf380;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f380" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-document" />

<label>Selectable:</label>
 &#xf381;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf381;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f381" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-done" />

<label>Selectable:</label>
 &#xf383;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf383;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f383" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-done-all" />

<label>Selectable:</label>
 &#xf382;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf382;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f382" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-download" />

<label>Selectable:</label>
 &#xf2dd;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2dd;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2dd" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-drafts" />

<label>Selectable:</label>
 &#xf384;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf384;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f384" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-exit" />

<label>Selectable:</label>
 &#xf385;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf385;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f385" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-expand" />

<label>Selectable:</label>
 &#xf386;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf386;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f386" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-favorite" />

<label>Selectable:</label>
 &#xf388;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf388;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f388" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-favorite-outline" />

<label>Selectable:</label>
 &#xf387;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf387;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f387" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-film" />

<label>Selectable:</label>
 &#xf389;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf389;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f389" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-folder" />

<label>Selectable:</label>
 &#xf2e0;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2e0;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2e0" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-folder-open" />

<label>Selectable:</label>
 &#xf38a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-funnel" />

<label>Selectable:</label>
 &#xf38b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-globe" />

<label>Selectable:</label>
 &#xf38c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-hand" />

<label>Selectable:</label>
 &#xf2e3;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2e3;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2e3" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-hangout" />

<label>Selectable:</label>
 &#xf38d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-happy" />

<label>Selectable:</label>
 &#xf38e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-home" />

<label>Selectable:</label>
 &#xf38f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-image" />

<label>Selectable:</label>
 &#xf2e4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2e4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2e4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-laptop" />

<label>Selectable:</label>
 &#xf390;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf390;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f390" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-list" />

<label>Selectable:</label>
 &#xf391;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf391;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f391" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-locate" />

<label>Selectable:</label>
 &#xf2e9;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2e9;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2e9" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-lock" />

<label>Selectable:</label>
 &#xf392;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf392;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f392" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-mail" />

<label>Selectable:</label>
 &#xf2eb;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2eb;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2eb" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-map" />

<label>Selectable:</label>
 &#xf393;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf393;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f393" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-menu" />

<label>Selectable:</label>
 &#xf394;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf394;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f394" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-microphone" />

<label>Selectable:</label>
 &#xf2ec;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ec;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ec" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-microphone-off" />

<label>Selectable:</label>
 &#xf395;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf395;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f395" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-more-horizontal" />

<label>Selectable:</label>
 &#xf396;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf396;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f396" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-more-vertical" />

<label>Selectable:</label>
 &#xf397;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf397;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f397" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-navigate" />

<label>Selectable:</label>
 &#xf398;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf398;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f398" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-notifications" />

<label>Selectable:</label>
 &#xf39b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-notifications-none" />

<label>Selectable:</label>
 &#xf399;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf399;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f399" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-notifications-off" />

<label>Selectable:</label>
 &#xf39a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-open" />

<label>Selectable:</label>
 &#xf39c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-options" />

<label>Selectable:</label>
 &#xf39d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-people" />

<label>Selectable:</label>
 &#xf39e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-person" />

<label>Selectable:</label>
 &#xf3a0;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a0;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a0" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-person-add" />

<label>Selectable:</label>
 &#xf39f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-phone-landscape" />

<label>Selectable:</label>
 &#xf3a1;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a1;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a1" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-phone-portrait" />

<label>Selectable:</label>
 &#xf3a2;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a2;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a2" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-pin" />

<label>Selectable:</label>
 &#xf3a3;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a3;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a3" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-plane" />

<label>Selectable:</label>
 &#xf3a4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-playstore" />

<label>Selectable:</label>
 &#xf2f0;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f0;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f0" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-print" />

<label>Selectable:</label>
 &#xf3a5;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a5;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a5" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-radio-button-off" />

<label>Selectable:</label>
 &#xf3a6;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a6;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a6" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-radio-button-on" />

<label>Selectable:</label>
 &#xf3a7;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a7;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a7" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-refresh" />

<label>Selectable:</label>
 &#xf3a8;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a8;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a8" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-remove" />

<label>Selectable:</label>
 &#xf2f4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-remove-circle" />

<label>Selectable:</label>
 &#xf3a9;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a9;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a9" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-restaurant" />

<label>Selectable:</label>
 &#xf3aa;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3aa;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3aa" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-sad" />

<label>Selectable:</label>
 &#xf3ab;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ab;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ab" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-search" />

<label>Selectable:</label>
 &#xf2f5;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f5;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f5" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-send" />

<label>Selectable:</label>
 &#xf2f6;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f6;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f6" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-settings" />

<label>Selectable:</label>
 &#xf2f7;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f7;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f7" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-share" />

<label>Selectable:</label>
 &#xf2f8;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f8;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f8" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-share-alt" />

<label>Selectable:</label>
 &#xf3ac;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ac;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ac" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-star" />

<label>Selectable:</label>
 &#xf2fc;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2fc;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2fc" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-star-half" />

<label>Selectable:</label>
 &#xf3ad;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ad;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ad" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-star-outline" />

<label>Selectable:</label>
 &#xf3ae;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ae;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ae" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-stopwatch" />

<label>Selectable:</label>
 &#xf2fd;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2fd;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2fd" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-subway" />

<label>Selectable:</label>
 &#xf3af;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3af;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3af" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-sunny" />

<label>Selectable:</label>
 &#xf3b0;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b0;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b0" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-sync" />

<label>Selectable:</label>
 &#xf3b1;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b1;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b1" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-textsms" />

<label>Selectable:</label>
 &#xf3b2;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b2;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b2" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-time" />

<label>Selectable:</label>
 &#xf3b3;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b3;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b3" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-train" />

<label>Selectable:</label>
 &#xf3b4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-unlock" />

<label>Selectable:</label>
 &#xf3b5;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b5;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b5" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-upload" />

<label>Selectable:</label>
 &#xf3b6;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b6;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b6" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-volume-down" />

<label>Selectable:</label>
 &#xf3b7;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b7;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b7" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-volume-mute" />

<label>Selectable:</label>
 &#xf3b8;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b8;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b8" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-volume-off" />

<label>Selectable:</label>
 &#xf3b9;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b9;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b9" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-volume-up" />

<label>Selectable:</label>
 &#xf3ba;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ba;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ba" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-walk" />

<label>Selectable:</label>
 &#xf3bb;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3bb;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3bb" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-warning" />

<label>Selectable:</label>
 &#xf3bc;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3bc;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3bc" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-watch" />

<label>Selectable:</label>
 &#xf3bd;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3bd;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3bd" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-wifi" />

<label>Selectable:</label>
 &#xf305;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf305;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f305" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-aperture" />

<label>Selectable:</label>
 &#xf313;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf313;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f313" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-archive" />

<label>Selectable:</label>
 &#xf102;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf102;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f102" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-down-a" />

<label>Selectable:</label>
 &#xf103;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf103;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f103" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-down-b" />

<label>Selectable:</label>
 &#xf104;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf104;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f104" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-down-c" />

<label>Selectable:</label>
 &#xf105;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf105;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f105" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-expand" />

<label>Selectable:</label>
 &#xf25e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-graph-down-left" />

<label>Selectable:</label>
 &#xf25f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-graph-down-right" />

<label>Selectable:</label>
 &#xf260;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf260;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f260" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-graph-up-left" />

<label>Selectable:</label>
 &#xf261;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf261;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f261" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-graph-up-right" />

<label>Selectable:</label>
 &#xf262;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf262;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f262" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-left-a" />

<label>Selectable:</label>
 &#xf106;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf106;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f106" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-left-b" />

<label>Selectable:</label>
 &#xf107;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf107;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f107" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-left-c" />

<label>Selectable:</label>
 &#xf108;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf108;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f108" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-move" />

<label>Selectable:</label>
 &#xf263;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf263;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f263" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-resize" />

<label>Selectable:</label>
 &#xf264;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf264;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f264" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-return-left" />

<label>Selectable:</label>
 &#xf265;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf265;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f265" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-return-right" />

<label>Selectable:</label>
 &#xf266;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf266;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f266" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-right-a" />

<label>Selectable:</label>
 &#xf109;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf109;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f109" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-right-b" />

<label>Selectable:</label>
 &#xf10a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-right-c" />

<label>Selectable:</label>
 &#xf10b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-shrink" />

<label>Selectable:</label>
 &#xf267;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf267;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f267" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-swap" />

<label>Selectable:</label>
 &#xf268;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf268;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f268" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-up-a" />

<label>Selectable:</label>
 &#xf10c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-up-b" />

<label>Selectable:</label>
 &#xf10d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-up-c" />

<label>Selectable:</label>
 &#xf10e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-asterisk" />

<label>Selectable:</label>
 &#xf314;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf314;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f314" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-at" />

<label>Selectable:</label>
 &#xf10f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-backspace" />

<label>Selectable:</label>
 &#xf3bf;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3bf;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3bf" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-backspace-outline" />

<label>Selectable:</label>
 &#xf3be;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3be;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3be" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bag" />

<label>Selectable:</label>
 &#xf110;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf110;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f110" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-charging" />

<label>Selectable:</label>
 &#xf111;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf111;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f111" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-empty" />

<label>Selectable:</label>
 &#xf112;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf112;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f112" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-full" />

<label>Selectable:</label>
 &#xf113;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf113;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f113" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-half" />

<label>Selectable:</label>
 &#xf114;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf114;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f114" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-low" />

<label>Selectable:</label>
 &#xf115;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf115;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f115" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-beaker" />

<label>Selectable:</label>
 &#xf269;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf269;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f269" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-beer" />

<label>Selectable:</label>
 &#xf26a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bluetooth" />

<label>Selectable:</label>
 &#xf116;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf116;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f116" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bonfire" />

<label>Selectable:</label>
 &#xf315;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf315;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f315" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bookmark" />

<label>Selectable:</label>
 &#xf26b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bowtie" />

<label>Selectable:</label>
 &#xf3c0;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c0;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c0" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-briefcase" />

<label>Selectable:</label>
 &#xf26c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bug" />

<label>Selectable:</label>
 &#xf2be;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2be;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2be" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-calculator" />

<label>Selectable:</label>
 &#xf26d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-calendar" />

<label>Selectable:</label>
 &#xf117;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf117;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f117" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-camera" />

<label>Selectable:</label>
 &#xf118;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf118;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f118" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-card" />

<label>Selectable:</label>
 &#xf119;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf119;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f119" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-cash" />

<label>Selectable:</label>
 &#xf316;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf316;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f316" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbox" />

<label>Selectable:</label>
 &#xf11b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbox-working" />

<label>Selectable:</label>
 &#xf11a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatboxes" />

<label>Selectable:</label>
 &#xf11c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbubble" />

<label>Selectable:</label>
 &#xf11e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbubble-working" />

<label>Selectable:</label>
 &#xf11d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbubbles" />

<label>Selectable:</label>
 &#xf11f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-checkmark" />

<label>Selectable:</label>
 &#xf122;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf122;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f122" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-checkmark-circled" />

<label>Selectable:</label>
 &#xf120;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf120;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f120" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-checkmark-round" />

<label>Selectable:</label>
 &#xf121;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf121;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f121" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chevron-down" />

<label>Selectable:</label>
 &#xf123;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf123;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f123" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chevron-left" />

<label>Selectable:</label>
 &#xf124;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf124;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f124" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chevron-right" />

<label>Selectable:</label>
 &#xf125;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf125;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f125" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chevron-up" />

<label>Selectable:</label>
 &#xf126;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf126;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f126" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-clipboard" />

<label>Selectable:</label>
 &#xf127;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf127;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f127" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-clock" />

<label>Selectable:</label>
 &#xf26e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-close" />

<label>Selectable:</label>
 &#xf12a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-close-circled" />

<label>Selectable:</label>
 &#xf128;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf128;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f128" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-close-round" />

<label>Selectable:</label>
 &#xf129;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf129;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f129" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-closed-captioning" />

<label>Selectable:</label>
 &#xf317;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf317;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f317" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-cloud" />

<label>Selectable:</label>
 &#xf12b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-code" />

<label>Selectable:</label>
 &#xf271;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf271;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f271" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-code-download" />

<label>Selectable:</label>
 &#xf26f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-code-working" />

<label>Selectable:</label>
 &#xf270;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf270;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f270" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-coffee" />

<label>Selectable:</label>
 &#xf272;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf272;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f272" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-compass" />

<label>Selectable:</label>
 &#xf273;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf273;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f273" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-compose" />

<label>Selectable:</label>
 &#xf12c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-connection-bars" />

<label>Selectable:</label>
 &#xf274;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf274;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f274" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-contrast" />

<label>Selectable:</label>
 &#xf275;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf275;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f275" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-crop" />

<label>Selectable:</label>
 &#xf3c1;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c1;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c1" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-cube" />

<label>Selectable:</label>
 &#xf318;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf318;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f318" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-disc" />

<label>Selectable:</label>
 &#xf12d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-document" />

<label>Selectable:</label>
 &#xf12f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-document-text" />

<label>Selectable:</label>
 &#xf12e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-drag" />

<label>Selectable:</label>
 &#xf130;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf130;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f130" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-earth" />

<label>Selectable:</label>
 &#xf276;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf276;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f276" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-easel" />

<label>Selectable:</label>
 &#xf3c2;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c2;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c2" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-edit" />

<label>Selectable:</label>
 &#xf2bf;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2bf;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2bf" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-egg" />

<label>Selectable:</label>
 &#xf277;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf277;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f277" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-eject" />

<label>Selectable:</label>
 &#xf131;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf131;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f131" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-email" />

<label>Selectable:</label>
 &#xf132;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf132;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f132" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-email-unread" />

<label>Selectable:</label>
 &#xf3c3;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c3;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c3" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-erlenmeyer-flask" />

<label>Selectable:</label>
 &#xf3c5;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c5;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c5" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-erlenmeyer-flask-bubbles" />

<label>Selectable:</label>
 &#xf3c4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-eye" />

<label>Selectable:</label>
 &#xf133;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf133;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f133" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-eye-disabled" />

<label>Selectable:</label>
 &#xf306;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf306;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f306" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-female" />

<label>Selectable:</label>
 &#xf278;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf278;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f278" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-filing" />

<label>Selectable:</label>
 &#xf134;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf134;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f134" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-film-marker" />

<label>Selectable:</label>
 &#xf135;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf135;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f135" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-fireball" />

<label>Selectable:</label>
 &#xf319;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf319;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f319" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-flag" />

<label>Selectable:</label>
 &#xf279;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf279;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f279" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-flame" />

<label>Selectable:</label>
 &#xf31a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf31a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f31a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-flash" />

<label>Selectable:</label>
 &#xf137;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf137;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f137" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-flash-off" />

<label>Selectable:</label>
 &#xf136;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf136;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f136" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-folder" />

<label>Selectable:</label>
 &#xf139;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf139;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f139" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-fork" />

<label>Selectable:</label>
 &#xf27a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf27a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f27a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-fork-repo" />

<label>Selectable:</label>
 &#xf2c0;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c0;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c0" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-forward" />

<label>Selectable:</label>
 &#xf13a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f13a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-funnel" />

<label>Selectable:</label>
 &#xf31b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf31b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f31b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-gear-a" />

<label>Selectable:</label>
 &#xf13d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f13d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-gear-b" />

<label>Selectable:</label>
 &#xf13e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f13e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-grid" />

<label>Selectable:</label>
 &#xf13f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f13f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-hammer" />

<label>Selectable:</label>
 &#xf27b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf27b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f27b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-happy" />

<label>Selectable:</label>
 &#xf31c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf31c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f31c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-happy-outline" />

<label>Selectable:</label>
 &#xf3c6;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c6;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c6" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-headphone" />

<label>Selectable:</label>
 &#xf140;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf140;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f140" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-heart" />

<label>Selectable:</label>
 &#xf141;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf141;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f141" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-heart-broken" />

<label>Selectable:</label>
 &#xf31d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf31d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f31d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-help" />

<label>Selectable:</label>
 &#xf143;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf143;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f143" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-help-buoy" />

<label>Selectable:</label>
 &#xf27c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf27c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f27c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-help-circled" />

<label>Selectable:</label>
 &#xf142;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf142;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f142" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-home" />

<label>Selectable:</label>
 &#xf144;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf144;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f144" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-icecream" />

<label>Selectable:</label>
 &#xf27d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf27d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f27d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-image" />

<label>Selectable:</label>
 &#xf147;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf147;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f147" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-images" />

<label>Selectable:</label>
 &#xf148;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf148;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f148" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-information" />

<label>Selectable:</label>
 &#xf14a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f14a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-information-circled" />

<label>Selectable:</label>
 &#xf149;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf149;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f149" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ionic" />

<label>Selectable:</label>
 &#xf14b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f14b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-alarm" />

<label>Selectable:</label>
 &#xf3c8;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c8;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c8" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-alarm-outline" />

<label>Selectable:</label>
 &#xf3c7;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c7;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c7" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-albums" />

<label>Selectable:</label>
 &#xf3ca;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ca;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ca" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-albums-outline" />

<label>Selectable:</label>
 &#xf3c9;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c9;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c9" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-americanfootball" />

<label>Selectable:</label>
 &#xf3cc;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3cc;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3cc" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-americanfootball-outline" />

<label>Selectable:</label>
 &#xf3cb;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3cb;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3cb" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-analytics" />

<label>Selectable:</label>
 &#xf3ce;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ce;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ce" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-analytics-outline" />

<label>Selectable:</label>
 &#xf3cd;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3cd;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3cd" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-back" />

<label>Selectable:</label>
 &#xf3cf;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3cf;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3cf" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-down" />

<label>Selectable:</label>
 &#xf3d0;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d0;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d0" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-forward" />

<label>Selectable:</label>
 &#xf3d1;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d1;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d1" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-left" />

<label>Selectable:</label>
 &#xf3d2;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d2;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d2" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-right" />

<label>Selectable:</label>
 &#xf3d3;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d3;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d3" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-thin-down" />

<label>Selectable:</label>
 &#xf3d4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-thin-left" />

<label>Selectable:</label>
 &#xf3d5;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d5;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d5" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-thin-right" />

<label>Selectable:</label>
 &#xf3d6;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d6;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d6" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-thin-up" />

<label>Selectable:</label>
 &#xf3d7;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d7;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d7" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-up" />

<label>Selectable:</label>
 &#xf3d8;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d8;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d8" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-at" />

<label>Selectable:</label>
 &#xf3da;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3da;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3da" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-at-outline" />

<label>Selectable:</label>
 &#xf3d9;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d9;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d9" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-barcode" />

<label>Selectable:</label>
 &#xf3dc;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3dc;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3dc" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-barcode-outline" />

<label>Selectable:</label>
 &#xf3db;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3db;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3db" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-baseball" />

<label>Selectable:</label>
 &#xf3de;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3de;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3de" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-baseball-outline" />

<label>Selectable:</label>
 &#xf3dd;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3dd;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3dd" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-basketball" />

<label>Selectable:</label>
 &#xf3e0;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e0;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e0" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-basketball-outline" />

<label>Selectable:</label>
 &#xf3df;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3df;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3df" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bell" />

<label>Selectable:</label>
 &#xf3e2;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e2;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e2" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bell-outline" />

<label>Selectable:</label>
 &#xf3e1;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e1;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e1" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-body" />

<label>Selectable:</label>
 &#xf3e4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-body-outline" />

<label>Selectable:</label>
 &#xf3e3;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e3;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e3" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bolt" />

<label>Selectable:</label>
 &#xf3e6;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e6;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e6" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bolt-outline" />

<label>Selectable:</label>
 &#xf3e5;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e5;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e5" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-book" />

<label>Selectable:</label>
 &#xf3e8;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e8;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e8" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-book-outline" />

<label>Selectable:</label>
 &#xf3e7;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e7;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e7" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bookmarks" />

<label>Selectable:</label>
 &#xf3ea;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ea;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ea" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bookmarks-outline" />

<label>Selectable:</label>
 &#xf3e9;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e9;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e9" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-box" />

<label>Selectable:</label>
 &#xf3ec;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ec;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ec" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-box-outline" />

<label>Selectable:</label>
 &#xf3eb;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3eb;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3eb" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-briefcase" />

<label>Selectable:</label>
 &#xf3ee;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ee;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ee" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-briefcase-outline" />

<label>Selectable:</label>
 &#xf3ed;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ed;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ed" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-browsers" />

<label>Selectable:</label>
 &#xf3f0;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f0;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f0" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-browsers-outline" />

<label>Selectable:</label>
 &#xf3ef;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ef;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ef" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-calculator" />

<label>Selectable:</label>
 &#xf3f2;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f2;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f2" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-calculator-outline" />

<label>Selectable:</label>
 &#xf3f1;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f1;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f1" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-calendar" />

<label>Selectable:</label>
 &#xf3f4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-calendar-outline" />

<label>Selectable:</label>
 &#xf3f3;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f3;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f3" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-camera" />

<label>Selectable:</label>
 &#xf3f6;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f6;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f6" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-camera-outline" />

<label>Selectable:</label>
 &#xf3f5;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f5;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f5" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cart" />

<label>Selectable:</label>
 &#xf3f8;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f8;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f8" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cart-outline" />

<label>Selectable:</label>
 &#xf3f7;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f7;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f7" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-chatboxes" />

<label>Selectable:</label>
 &#xf3fa;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3fa;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3fa" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-chatboxes-outline" />

<label>Selectable:</label>
 &#xf3f9;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f9;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f9" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-chatbubble" />

<label>Selectable:</label>
 &#xf3fc;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3fc;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3fc" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-chatbubble-outline" />

<label>Selectable:</label>
 &#xf3fb;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3fb;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3fb" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-checkmark" />

<label>Selectable:</label>
 &#xf3ff;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ff;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ff" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-checkmark-empty" />

<label>Selectable:</label>
 &#xf3fd;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3fd;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3fd" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-checkmark-outline" />

<label>Selectable:</label>
 &#xf3fe;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3fe;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3fe" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-circle-filled" />

<label>Selectable:</label>
 &#xf400;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf400;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f400" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-circle-outline" />

<label>Selectable:</label>
 &#xf401;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf401;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f401" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-clock" />

<label>Selectable:</label>
 &#xf403;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf403;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f403" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-clock-outline" />

<label>Selectable:</label>
 &#xf402;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf402;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f402" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-close" />

<label>Selectable:</label>
 &#xf406;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf406;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f406" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-close-empty" />

<label>Selectable:</label>
 &#xf404;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf404;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f404" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-close-outline" />

<label>Selectable:</label>
 &#xf405;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf405;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f405" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud" />

<label>Selectable:</label>
 &#xf40c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud-download" />

<label>Selectable:</label>
 &#xf408;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf408;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f408" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud-download-outline" />

<label>Selectable:</label>
 &#xf407;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf407;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f407" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud-outline" />

<label>Selectable:</label>
 &#xf409;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf409;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f409" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud-upload" />

<label>Selectable:</label>
 &#xf40b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud-upload-outline" />

<label>Selectable:</label>
 &#xf40a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloudy" />

<label>Selectable:</label>
 &#xf410;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf410;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f410" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloudy-night" />

<label>Selectable:</label>
 &#xf40e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloudy-night-outline" />

<label>Selectable:</label>
 &#xf40d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloudy-outline" />

<label>Selectable:</label>
 &#xf40f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cog" />

<label>Selectable:</label>
 &#xf412;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf412;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f412" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cog-outline" />

<label>Selectable:</label>
 &#xf411;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf411;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f411" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-color-filter" />

<label>Selectable:</label>
 &#xf414;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf414;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f414" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-color-filter-outline" />

<label>Selectable:</label>
 &#xf413;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf413;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f413" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-color-wand" />

<label>Selectable:</label>
 &#xf416;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf416;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f416" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-color-wand-outline" />

<label>Selectable:</label>
 &#xf415;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf415;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f415" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-compose" />

<label>Selectable:</label>
 &#xf418;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf418;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f418" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-compose-outline" />

<label>Selectable:</label>
 &#xf417;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf417;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f417" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-contact" />

<label>Selectable:</label>
 &#xf41a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-contact-outline" />

<label>Selectable:</label>
 &#xf419;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf419;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f419" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-copy" />

<label>Selectable:</label>
 &#xf41c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-copy-outline" />

<label>Selectable:</label>
 &#xf41b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-crop" />

<label>Selectable:</label>
 &#xf41e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-crop-strong" />

<label>Selectable:</label>
 &#xf41d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-download" />

<label>Selectable:</label>
 &#xf420;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf420;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f420" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-download-outline" />

<label>Selectable:</label>
 &#xf41f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-drag" />

<label>Selectable:</label>
 &#xf421;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf421;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f421" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-email" />

<label>Selectable:</label>
 &#xf423;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf423;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f423" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-email-outline" />

<label>Selectable:</label>
 &#xf422;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf422;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f422" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-eye" />

<label>Selectable:</label>
 &#xf425;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf425;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f425" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-eye-outline" />

<label>Selectable:</label>
 &#xf424;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf424;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f424" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-fastforward" />

<label>Selectable:</label>
 &#xf427;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf427;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f427" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-fastforward-outline" />

<label>Selectable:</label>
 &#xf426;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf426;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f426" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-filing" />

<label>Selectable:</label>
 &#xf429;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf429;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f429" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-filing-outline" />

<label>Selectable:</label>
 &#xf428;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf428;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f428" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-film" />

<label>Selectable:</label>
 &#xf42b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-film-outline" />

<label>Selectable:</label>
 &#xf42a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flag" />

<label>Selectable:</label>
 &#xf42d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flag-outline" />

<label>Selectable:</label>
 &#xf42c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flame" />

<label>Selectable:</label>
 &#xf42f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flame-outline" />

<label>Selectable:</label>
 &#xf42e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flask" />

<label>Selectable:</label>
 &#xf431;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf431;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f431" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flask-outline" />

<label>Selectable:</label>
 &#xf430;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf430;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f430" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flower" />

<label>Selectable:</label>
 &#xf433;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf433;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f433" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flower-outline" />

<label>Selectable:</label>
 &#xf432;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf432;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f432" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-folder" />

<label>Selectable:</label>
 &#xf435;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf435;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f435" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-folder-outline" />

<label>Selectable:</label>
 &#xf434;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf434;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f434" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-football" />

<label>Selectable:</label>
 &#xf437;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf437;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f437" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-football-outline" />

<label>Selectable:</label>
 &#xf436;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf436;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f436" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-game-controller-a" />

<label>Selectable:</label>
 &#xf439;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf439;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f439" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-game-controller-a-outline" />

<label>Selectable:</label>
 &#xf438;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf438;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f438" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-game-controller-b" />

<label>Selectable:</label>
 &#xf43b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-game-controller-b-outline" />

<label>Selectable:</label>
 &#xf43a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-gear" />

<label>Selectable:</label>
 &#xf43d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-gear-outline" />

<label>Selectable:</label>
 &#xf43c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-glasses" />

<label>Selectable:</label>
 &#xf43f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-glasses-outline" />

<label>Selectable:</label>
 &#xf43e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-grid-view" />

<label>Selectable:</label>
 &#xf441;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf441;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f441" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-grid-view-outline" />

<label>Selectable:</label>
 &#xf440;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf440;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f440" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-heart" />

<label>Selectable:</label>
 &#xf443;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf443;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f443" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-heart-outline" />

<label>Selectable:</label>
 &#xf442;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf442;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f442" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-help" />

<label>Selectable:</label>
 &#xf446;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf446;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f446" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-help-empty" />

<label>Selectable:</label>
 &#xf444;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf444;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f444" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-help-outline" />

<label>Selectable:</label>
 &#xf445;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf445;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f445" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-home" />

<label>Selectable:</label>
 &#xf448;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf448;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f448" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-home-outline" />

<label>Selectable:</label>
 &#xf447;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf447;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f447" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-infinite" />

<label>Selectable:</label>
 &#xf44a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-infinite-outline" />

<label>Selectable:</label>
 &#xf449;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf449;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f449" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-information" />

<label>Selectable:</label>
 &#xf44d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-information-empty" />

<label>Selectable:</label>
 &#xf44b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-information-outline" />

<label>Selectable:</label>
 &#xf44c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-ionic-outline" />

<label>Selectable:</label>
 &#xf44e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-keypad" />

<label>Selectable:</label>
 &#xf450;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf450;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f450" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-keypad-outline" />

<label>Selectable:</label>
 &#xf44f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-lightbulb" />

<label>Selectable:</label>
 &#xf452;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf452;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f452" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-lightbulb-outline" />

<label>Selectable:</label>
 &#xf451;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf451;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f451" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-list" />

<label>Selectable:</label>
 &#xf454;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf454;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f454" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-list-outline" />

<label>Selectable:</label>
 &#xf453;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf453;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f453" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-location" />

<label>Selectable:</label>
 &#xf456;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf456;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f456" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-location-outline" />

<label>Selectable:</label>
 &#xf455;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf455;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f455" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-locked" />

<label>Selectable:</label>
 &#xf458;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf458;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f458" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-locked-outline" />

<label>Selectable:</label>
 &#xf457;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf457;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f457" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-loop" />

<label>Selectable:</label>
 &#xf45a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-loop-strong" />

<label>Selectable:</label>
 &#xf459;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf459;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f459" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-medical" />

<label>Selectable:</label>
 &#xf45c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-medical-outline" />

<label>Selectable:</label>
 &#xf45b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-medkit" />

<label>Selectable:</label>
 &#xf45e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-medkit-outline" />

<label>Selectable:</label>
 &#xf45d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-mic" />

<label>Selectable:</label>
 &#xf461;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf461;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f461" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-mic-off" />

<label>Selectable:</label>
 &#xf45f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-mic-outline" />

<label>Selectable:</label>
 &#xf460;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf460;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f460" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-minus" />

<label>Selectable:</label>
 &#xf464;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf464;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f464" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-minus-empty" />

<label>Selectable:</label>
 &#xf462;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf462;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f462" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-minus-outline" />

<label>Selectable:</label>
 &#xf463;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf463;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f463" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-monitor" />

<label>Selectable:</label>
 &#xf466;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf466;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f466" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-monitor-outline" />

<label>Selectable:</label>
 &#xf465;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf465;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f465" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-moon" />

<label>Selectable:</label>
 &#xf468;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf468;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f468" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-moon-outline" />

<label>Selectable:</label>
 &#xf467;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf467;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f467" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-more" />

<label>Selectable:</label>
 &#xf46a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-more-outline" />

<label>Selectable:</label>
 &#xf469;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf469;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f469" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-musical-note" />

<label>Selectable:</label>
 &#xf46b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-musical-notes" />

<label>Selectable:</label>
 &#xf46c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-navigate" />

<label>Selectable:</label>
 &#xf46e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-navigate-outline" />

<label>Selectable:</label>
 &#xf46d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-nutrition" />

<label>Selectable:</label>
 &#xf470;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf470;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f470" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-nutrition-outline" />

<label>Selectable:</label>
 &#xf46f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paper" />

<label>Selectable:</label>
 &#xf472;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf472;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f472" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paper-outline" />

<label>Selectable:</label>
 &#xf471;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf471;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f471" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paperplane" />

<label>Selectable:</label>
 &#xf474;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf474;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f474" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paperplane-outline" />

<label>Selectable:</label>
 &#xf473;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf473;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f473" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-partlysunny" />

<label>Selectable:</label>
 &#xf476;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf476;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f476" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-partlysunny-outline" />

<label>Selectable:</label>
 &#xf475;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf475;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f475" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pause" />

<label>Selectable:</label>
 &#xf478;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf478;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f478" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pause-outline" />

<label>Selectable:</label>
 &#xf477;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf477;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f477" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paw" />

<label>Selectable:</label>
 &#xf47a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paw-outline" />

<label>Selectable:</label>
 &#xf479;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf479;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f479" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-people" />

<label>Selectable:</label>
 &#xf47c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-people-outline" />

<label>Selectable:</label>
 &#xf47b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-person" />

<label>Selectable:</label>
 &#xf47e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-person-outline" />

<label>Selectable:</label>
 &#xf47d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-personadd" />

<label>Selectable:</label>
 &#xf480;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf480;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f480" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-personadd-outline" />

<label>Selectable:</label>
 &#xf47f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-photos" />

<label>Selectable:</label>
 &#xf482;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf482;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f482" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-photos-outline" />

<label>Selectable:</label>
 &#xf481;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf481;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f481" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pie" />

<label>Selectable:</label>
 &#xf484;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf484;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f484" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pie-outline" />

<label>Selectable:</label>
 &#xf483;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf483;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f483" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pint" />

<label>Selectable:</label>
 &#xf486;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf486;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f486" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pint-outline" />

<label>Selectable:</label>
 &#xf485;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf485;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f485" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-play" />

<label>Selectable:</label>
 &#xf488;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf488;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f488" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-play-outline" />

<label>Selectable:</label>
 &#xf487;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf487;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f487" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-plus" />

<label>Selectable:</label>
 &#xf48b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-plus-empty" />

<label>Selectable:</label>
 &#xf489;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf489;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f489" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-plus-outline" />

<label>Selectable:</label>
 &#xf48a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pricetag" />

<label>Selectable:</label>
 &#xf48d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pricetag-outline" />

<label>Selectable:</label>
 &#xf48c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pricetags" />

<label>Selectable:</label>
 &#xf48f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pricetags-outline" />

<label>Selectable:</label>
 &#xf48e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-printer" />

<label>Selectable:</label>
 &#xf491;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf491;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f491" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-printer-outline" />

<label>Selectable:</label>
 &#xf490;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf490;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f490" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pulse" />

<label>Selectable:</label>
 &#xf493;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf493;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f493" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pulse-strong" />

<label>Selectable:</label>
 &#xf492;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf492;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f492" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rainy" />

<label>Selectable:</label>
 &#xf495;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf495;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f495" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rainy-outline" />

<label>Selectable:</label>
 &#xf494;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf494;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f494" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-recording" />

<label>Selectable:</label>
 &#xf497;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf497;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f497" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-recording-outline" />

<label>Selectable:</label>
 &#xf496;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf496;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f496" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-redo" />

<label>Selectable:</label>
 &#xf499;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf499;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f499" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-redo-outline" />

<label>Selectable:</label>
 &#xf498;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf498;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f498" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-refresh" />

<label>Selectable:</label>
 &#xf49c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-refresh-empty" />

<label>Selectable:</label>
 &#xf49a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-refresh-outline" />

<label>Selectable:</label>
 &#xf49b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-reload" />

<label>Selectable:</label>
 &#xf49d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-reverse-camera" />

<label>Selectable:</label>
 &#xf49f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-reverse-camera-outline" />

<label>Selectable:</label>
 &#xf49e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rewind" />

<label>Selectable:</label>
 &#xf4a1;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a1;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a1" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rewind-outline" />

<label>Selectable:</label>
 &#xf4a0;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a0;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a0" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rose" />

<label>Selectable:</label>
 &#xf4a3;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a3;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a3" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rose-outline" />

<label>Selectable:</label>
 &#xf4a2;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a2;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a2" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-search" />

<label>Selectable:</label>
 &#xf4a5;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a5;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a5" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-search-strong" />

<label>Selectable:</label>
 &#xf4a4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-settings" />

<label>Selectable:</label>
 &#xf4a7;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a7;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a7" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-settings-strong" />

<label>Selectable:</label>
 &#xf4a6;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a6;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a6" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-shuffle" />

<label>Selectable:</label>
 &#xf4a9;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a9;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a9" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-shuffle-strong" />

<label>Selectable:</label>
 &#xf4a8;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a8;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a8" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-skipbackward" />

<label>Selectable:</label>
 &#xf4ab;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ab;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ab" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-skipbackward-outline" />

<label>Selectable:</label>
 &#xf4aa;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4aa;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4aa" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-skipforward" />

<label>Selectable:</label>
 &#xf4ad;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ad;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ad" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-skipforward-outline" />

<label>Selectable:</label>
 &#xf4ac;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ac;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ac" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-snowy" />

<label>Selectable:</label>
 &#xf4ae;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ae;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ae" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-speedometer" />

<label>Selectable:</label>
 &#xf4b0;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b0;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b0" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-speedometer-outline" />

<label>Selectable:</label>
 &#xf4af;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4af;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4af" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-star" />

<label>Selectable:</label>
 &#xf4b3;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b3;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b3" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-star-half" />

<label>Selectable:</label>
 &#xf4b1;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b1;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b1" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-star-outline" />

<label>Selectable:</label>
 &#xf4b2;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b2;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b2" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-stopwatch" />

<label>Selectable:</label>
 &#xf4b5;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b5;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b5" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-stopwatch-outline" />

<label>Selectable:</label>
 &#xf4b4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-sunny" />

<label>Selectable:</label>
 &#xf4b7;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b7;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b7" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-sunny-outline" />

<label>Selectable:</label>
 &#xf4b6;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b6;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b6" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-telephone" />

<label>Selectable:</label>
 &#xf4b9;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b9;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b9" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-telephone-outline" />

<label>Selectable:</label>
 &#xf4b8;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b8;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b8" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-tennisball" />

<label>Selectable:</label>
 &#xf4bb;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4bb;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4bb" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-tennisball-outline" />

<label>Selectable:</label>
 &#xf4ba;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ba;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ba" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-thunderstorm" />

<label>Selectable:</label>
 &#xf4bd;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4bd;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4bd" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-thunderstorm-outline" />

<label>Selectable:</label>
 &#xf4bc;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4bc;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4bc" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-time" />

<label>Selectable:</label>
 &#xf4bf;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4bf;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4bf" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-time-outline" />

<label>Selectable:</label>
 &#xf4be;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4be;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4be" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-timer" />

<label>Selectable:</label>
 &#xf4c1;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c1;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c1" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-timer-outline" />

<label>Selectable:</label>
 &#xf4c0;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c0;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c0" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-toggle" />

<label>Selectable:</label>
 &#xf4c3;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c3;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c3" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-toggle-outline" />

<label>Selectable:</label>
 &#xf4c2;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c2;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c2" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-trash" />

<label>Selectable:</label>
 &#xf4c5;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c5;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c5" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-trash-outline" />

<label>Selectable:</label>
 &#xf4c4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-undo" />

<label>Selectable:</label>
 &#xf4c7;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c7;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c7" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-undo-outline" />

<label>Selectable:</label>
 &#xf4c6;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c6;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c6" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-unlocked" />

<label>Selectable:</label>
 &#xf4c9;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c9;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c9" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-unlocked-outline" />

<label>Selectable:</label>
 &#xf4c8;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c8;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c8" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-upload" />

<label>Selectable:</label>
 &#xf4cb;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4cb;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4cb" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-upload-outline" />

<label>Selectable:</label>
 &#xf4ca;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ca;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ca" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-videocam" />

<label>Selectable:</label>
 &#xf4cd;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4cd;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4cd" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-videocam-outline" />

<label>Selectable:</label>
 &#xf4cc;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4cc;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4cc" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-volume-high" />

<label>Selectable:</label>
 &#xf4ce;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ce;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ce" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-volume-low" />

<label>Selectable:</label>
 &#xf4cf;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4cf;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4cf" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-wineglass" />

<label>Selectable:</label>
 &#xf4d1;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d1;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d1" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-wineglass-outline" />

<label>Selectable:</label>
 &#xf4d0;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d0;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d0" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-world" />

<label>Selectable:</label>
 &#xf4d3;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d3;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d3" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-world-outline" />

<label>Selectable:</label>
 &#xf4d2;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d2;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d2" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ipad" />

<label>Selectable:</label>
 &#xf1f9;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f9;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1f9" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-iphone" />

<label>Selectable:</label>
 &#xf1fa;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fa;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1fa" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ipod" />

<label>Selectable:</label>
 &#xf1fb;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fb;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1fb" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-jet" />

<label>Selectable:</label>
 &#xf295;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf295;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f295" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-key" />

<label>Selectable:</label>
 &#xf296;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf296;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f296" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-knife" />

<label>Selectable:</label>
 &#xf297;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf297;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f297" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-laptop" />

<label>Selectable:</label>
 &#xf1fc;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fc;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1fc" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-leaf" />

<label>Selectable:</label>
 &#xf1fd;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fd;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1fd" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-levels" />

<label>Selectable:</label>
 &#xf298;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf298;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f298" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-lightbulb" />

<label>Selectable:</label>
 &#xf299;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf299;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f299" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-link" />

<label>Selectable:</label>
 &#xf1fe;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fe;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1fe" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-load-a" />

<label>Selectable:</label>
 &#xf29a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-load-b" />

<label>Selectable:</label>
 &#xf29b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-load-c" />

<label>Selectable:</label>
 &#xf29c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-load-d" />

<label>Selectable:</label>
 &#xf29d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-location" />

<label>Selectable:</label>
 &#xf1ff;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ff;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1ff" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-lock-combination" />

<label>Selectable:</label>
 &#xf4d4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-locked" />

<label>Selectable:</label>
 &#xf200;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf200;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f200" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-log-in" />

<label>Selectable:</label>
 &#xf29e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-log-out" />

<label>Selectable:</label>
 &#xf29f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-loop" />

<label>Selectable:</label>
 &#xf201;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf201;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f201" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-magnet" />

<label>Selectable:</label>
 &#xf2a0;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a0;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a0" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-male" />

<label>Selectable:</label>
 &#xf2a1;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a1;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a1" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-man" />

<label>Selectable:</label>
 &#xf202;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf202;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f202" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-map" />

<label>Selectable:</label>
 &#xf203;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf203;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f203" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-medkit" />

<label>Selectable:</label>
 &#xf2a2;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a2;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a2" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-merge" />

<label>Selectable:</label>
 &#xf33f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf33f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f33f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-mic-a" />

<label>Selectable:</label>
 &#xf204;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf204;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f204" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-mic-b" />

<label>Selectable:</label>
 &#xf205;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf205;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f205" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-mic-c" />

<label>Selectable:</label>
 &#xf206;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf206;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f206" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-minus" />

<label>Selectable:</label>
 &#xf209;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf209;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f209" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-minus-circled" />

<label>Selectable:</label>
 &#xf207;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf207;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f207" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-minus-round" />

<label>Selectable:</label>
 &#xf208;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf208;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f208" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-model-s" />

<label>Selectable:</label>
 &#xf2c1;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c1;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c1" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-monitor" />

<label>Selectable:</label>
 &#xf20a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-more" />

<label>Selectable:</label>
 &#xf20b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-mouse" />

<label>Selectable:</label>
 &#xf340;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf340;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f340" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-music-note" />

<label>Selectable:</label>
 &#xf20c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-navicon" />

<label>Selectable:</label>
 &#xf20e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-navicon-round" />

<label>Selectable:</label>
 &#xf20d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-navigate" />

<label>Selectable:</label>
 &#xf2a3;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a3;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a3" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-network" />

<label>Selectable:</label>
 &#xf341;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf341;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f341" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-no-smoking" />

<label>Selectable:</label>
 &#xf2c2;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c2;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c2" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-nuclear" />

<label>Selectable:</label>
 &#xf2a4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-outlet" />

<label>Selectable:</label>
 &#xf342;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf342;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f342" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-paintbrush" />

<label>Selectable:</label>
 &#xf4d5;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d5;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d5" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-paintbucket" />

<label>Selectable:</label>
 &#xf4d6;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d6;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d6" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-paper-airplane" />

<label>Selectable:</label>
 &#xf2c3;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c3;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c3" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-paperclip" />

<label>Selectable:</label>
 &#xf20f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pause" />

<label>Selectable:</label>
 &#xf210;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf210;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f210" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-person" />

<label>Selectable:</label>
 &#xf213;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf213;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f213" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-person-add" />

<label>Selectable:</label>
 &#xf211;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf211;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f211" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-person-stalker" />

<label>Selectable:</label>
 &#xf212;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf212;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f212" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pie-graph" />

<label>Selectable:</label>
 &#xf2a5;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a5;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a5" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pin" />

<label>Selectable:</label>
 &#xf2a6;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a6;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a6" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pinpoint" />

<label>Selectable:</label>
 &#xf2a7;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a7;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a7" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pizza" />

<label>Selectable:</label>
 &#xf2a8;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a8;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a8" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-plane" />

<label>Selectable:</label>
 &#xf214;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf214;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f214" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-planet" />

<label>Selectable:</label>
 &#xf343;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf343;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f343" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-play" />

<label>Selectable:</label>
 &#xf215;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf215;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f215" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-playstation" />

<label>Selectable:</label>
 &#xf30a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf30a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f30a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-plus" />

<label>Selectable:</label>
 &#xf218;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf218;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f218" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-plus-circled" />

<label>Selectable:</label>
 &#xf216;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf216;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f216" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-plus-round" />

<label>Selectable:</label>
 &#xf217;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf217;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f217" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-podium" />

<label>Selectable:</label>
 &#xf344;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf344;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f344" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pound" />

<label>Selectable:</label>
 &#xf219;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf219;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f219" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-power" />

<label>Selectable:</label>
 &#xf2a9;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a9;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a9" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pricetag" />

<label>Selectable:</label>
 &#xf2aa;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2aa;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2aa" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pricetags" />

<label>Selectable:</label>
 &#xf2ab;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ab;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ab" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-printer" />

<label>Selectable:</label>
 &#xf21a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pull-request" />

<label>Selectable:</label>
 &#xf345;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf345;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f345" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-qr-scanner" />

<label>Selectable:</label>
 &#xf346;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf346;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f346" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-quote" />

<label>Selectable:</label>
 &#xf347;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf347;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f347" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-radio-waves" />

<label>Selectable:</label>
 &#xf2ac;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ac;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ac" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-record" />

<label>Selectable:</label>
 &#xf21b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-refresh" />

<label>Selectable:</label>
 &#xf21c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-reply" />

<label>Selectable:</label>
 &#xf21e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-reply-all" />

<label>Selectable:</label>
 &#xf21d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ribbon-a" />

<label>Selectable:</label>
 &#xf348;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf348;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f348" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ribbon-b" />

<label>Selectable:</label>
 &#xf349;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf349;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f349" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-sad" />

<label>Selectable:</label>
 &#xf34a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-sad-outline" />

<label>Selectable:</label>
 &#xf4d7;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d7;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d7" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-scissors" />

<label>Selectable:</label>
 &#xf34b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-search" />

<label>Selectable:</label>
 &#xf21f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-settings" />

<label>Selectable:</label>
 &#xf2ad;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ad;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ad" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-share" />

<label>Selectable:</label>
 &#xf220;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf220;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f220" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-shuffle" />

<label>Selectable:</label>
 &#xf221;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf221;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f221" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-skip-backward" />

<label>Selectable:</label>
 &#xf222;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf222;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f222" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-skip-forward" />

<label>Selectable:</label>
 &#xf223;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf223;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f223" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-android" />

<label>Selectable:</label>
 &#xf225;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf225;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f225" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-android-outline" />

<label>Selectable:</label>
 &#xf224;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf224;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f224" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-angular" />

<label>Selectable:</label>
 &#xf4d9;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d9;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d9" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-angular-outline" />

<label>Selectable:</label>
 &#xf4d8;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d8;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d8" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-apple" />

<label>Selectable:</label>
 &#xf227;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf227;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f227" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-apple-outline" />

<label>Selectable:</label>
 &#xf226;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf226;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f226" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-bitcoin" />

<label>Selectable:</label>
 &#xf2af;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2af;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2af" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-bitcoin-outline" />

<label>Selectable:</label>
 &#xf2ae;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ae;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ae" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-buffer" />

<label>Selectable:</label>
 &#xf229;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf229;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f229" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-buffer-outline" />

<label>Selectable:</label>
 &#xf228;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf228;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f228" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-chrome" />

<label>Selectable:</label>
 &#xf4db;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4db;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4db" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-chrome-outline" />

<label>Selectable:</label>
 &#xf4da;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4da;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4da" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-codepen" />

<label>Selectable:</label>
 &#xf4dd;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4dd;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4dd" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-codepen-outline" />

<label>Selectable:</label>
 &#xf4dc;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4dc;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4dc" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-css3" />

<label>Selectable:</label>
 &#xf4df;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4df;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4df" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-css3-outline" />

<label>Selectable:</label>
 &#xf4de;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4de;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4de" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-designernews" />

<label>Selectable:</label>
 &#xf22b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-designernews-outline" />

<label>Selectable:</label>
 &#xf22a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-dribbble" />

<label>Selectable:</label>
 &#xf22d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-dribbble-outline" />

<label>Selectable:</label>
 &#xf22c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-dropbox" />

<label>Selectable:</label>
 &#xf22f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-dropbox-outline" />

<label>Selectable:</label>
 &#xf22e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-euro" />

<label>Selectable:</label>
 &#xf4e1;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e1;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e1" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-euro-outline" />

<label>Selectable:</label>
 &#xf4e0;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e0;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e0" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-facebook" />

<label>Selectable:</label>
 &#xf231;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf231;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f231" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-facebook-outline" />

<label>Selectable:</label>
 &#xf230;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf230;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f230" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-foursquare" />

<label>Selectable:</label>
 &#xf34d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-foursquare-outline" />

<label>Selectable:</label>
 &#xf34c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-freebsd-devil" />

<label>Selectable:</label>
 &#xf2c4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-github" />

<label>Selectable:</label>
 &#xf233;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf233;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f233" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-github-outline" />

<label>Selectable:</label>
 &#xf232;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf232;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f232" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-google" />

<label>Selectable:</label>
 &#xf34f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-google-outline" />

<label>Selectable:</label>
 &#xf34e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-googleplus" />

<label>Selectable:</label>
 &#xf235;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf235;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f235" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-googleplus-outline" />

<label>Selectable:</label>
 &#xf234;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf234;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f234" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-hackernews" />

<label>Selectable:</label>
 &#xf237;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf237;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f237" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-hackernews-outline" />

<label>Selectable:</label>
 &#xf236;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf236;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f236" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-html5" />

<label>Selectable:</label>
 &#xf4e3;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e3;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e3" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-html5-outline" />

<label>Selectable:</label>
 &#xf4e2;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e2;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e2" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-instagram" />

<label>Selectable:</label>
 &#xf351;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf351;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f351" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-instagram-outline" />

<label>Selectable:</label>
 &#xf350;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf350;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f350" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-javascript" />

<label>Selectable:</label>
 &#xf4e5;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e5;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e5" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-javascript-outline" />

<label>Selectable:</label>
 &#xf4e4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-linkedin" />

<label>Selectable:</label>
 &#xf239;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf239;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f239" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-linkedin-outline" />

<label>Selectable:</label>
 &#xf238;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf238;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f238" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-markdown" />

<label>Selectable:</label>
 &#xf4e6;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e6;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e6" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-nodejs" />

<label>Selectable:</label>
 &#xf4e7;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e7;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e7" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-octocat" />

<label>Selectable:</label>
 &#xf4e8;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e8;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e8" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-pinterest" />

<label>Selectable:</label>
 &#xf2b1;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b1;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b1" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-pinterest-outline" />

<label>Selectable:</label>
 &#xf2b0;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b0;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b0" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-python" />

<label>Selectable:</label>
 &#xf4e9;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e9;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e9" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-reddit" />

<label>Selectable:</label>
 &#xf23b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-reddit-outline" />

<label>Selectable:</label>
 &#xf23a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-rss" />

<label>Selectable:</label>
 &#xf23d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-rss-outline" />

<label>Selectable:</label>
 &#xf23c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-sass" />

<label>Selectable:</label>
 &#xf4ea;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ea;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ea" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-skype" />

<label>Selectable:</label>
 &#xf23f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-skype-outline" />

<label>Selectable:</label>
 &#xf23e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-snapchat" />

<label>Selectable:</label>
 &#xf4ec;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ec;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ec" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-snapchat-outline" />

<label>Selectable:</label>
 &#xf4eb;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4eb;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4eb" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-tumblr" />

<label>Selectable:</label>
 &#xf241;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf241;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f241" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-tumblr-outline" />

<label>Selectable:</label>
 &#xf240;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf240;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f240" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-tux" />

<label>Selectable:</label>
 &#xf2c5;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c5;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c5" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-twitch" />

<label>Selectable:</label>
 &#xf4ee;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ee;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ee" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-twitch-outline" />

<label>Selectable:</label>
 &#xf4ed;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ed;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ed" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-twitter" />

<label>Selectable:</label>
 &#xf243;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf243;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f243" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-twitter-outline" />

<label>Selectable:</label>
 &#xf242;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf242;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f242" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-usd" />

<label>Selectable:</label>
 &#xf353;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf353;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f353" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-usd-outline" />

<label>Selectable:</label>
 &#xf352;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf352;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f352" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-vimeo" />

<label>Selectable:</label>
 &#xf245;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf245;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f245" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-vimeo-outline" />

<label>Selectable:</label>
 &#xf244;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf244;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f244" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-whatsapp" />

<label>Selectable:</label>
 &#xf4f0;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f0;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f0" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-whatsapp-outline" />

<label>Selectable:</label>
 &#xf4ef;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ef;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ef" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-windows" />

<label>Selectable:</label>
 &#xf247;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf247;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f247" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-windows-outline" />

<label>Selectable:</label>
 &#xf246;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf246;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f246" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-wordpress" />

<label>Selectable:</label>
 &#xf249;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf249;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f249" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-wordpress-outline" />

<label>Selectable:</label>
 &#xf248;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf248;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f248" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-yahoo" />

<label>Selectable:</label>
 &#xf24b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-yahoo-outline" />

<label>Selectable:</label>
 &#xf24a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-yen" />

<label>Selectable:</label>
 &#xf4f2;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f2;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f2" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-yen-outline" />

<label>Selectable:</label>
 &#xf4f1;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f1;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f1" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-youtube" />

<label>Selectable:</label>
 &#xf24d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-youtube-outline" />

<label>Selectable:</label>
 &#xf24c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-soup-can" />

<label>Selectable:</label>
 &#xf4f4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-soup-can-outline" />

<label>Selectable:</label>
 &#xf4f3;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f3;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f3" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-speakerphone" />

<label>Selectable:</label>
 &#xf2b2;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b2;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b2" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-speedometer" />

<label>Selectable:</label>
 &#xf2b3;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b3;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b3" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-spoon" />

<label>Selectable:</label>
 &#xf2b4;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b4;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b4" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-star" />

<label>Selectable:</label>
 &#xf24e;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24e;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24e" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-stats-bars" />

<label>Selectable:</label>
 &#xf2b5;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b5;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b5" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-steam" />

<label>Selectable:</label>
 &#xf30b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf30b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f30b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-stop" />

<label>Selectable:</label>
 &#xf24f;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24f;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24f" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-thermometer" />

<label>Selectable:</label>
 &#xf2b6;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b6;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b6" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-thumbsdown" />

<label>Selectable:</label>
 &#xf250;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf250;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f250" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-thumbsup" />

<label>Selectable:</label>
 &#xf251;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf251;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f251" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-toggle" />

<label>Selectable:</label>
 &#xf355;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf355;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f355" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-toggle-filled" />

<label>Selectable:</label>
 &#xf354;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf354;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f354" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-transgender" />

<label>Selectable:</label>
 &#xf4f5;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f5;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f5" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-trash-a" />

<label>Selectable:</label>
 &#xf252;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf252;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f252" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-trash-b" />

<label>Selectable:</label>
 &#xf253;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf253;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f253" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-trophy" />

<label>Selectable:</label>
 &#xf356;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf356;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f356" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-tshirt" />

<label>Selectable:</label>
 &#xf4f7;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f7;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f7" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-tshirt-outline" />

<label>Selectable:</label>
 &#xf4f6;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f6;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f6" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-umbrella" />

<label>Selectable:</label>
 &#xf2b7;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b7;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b7" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-university" />

<label>Selectable:</label>
 &#xf357;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf357;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f357" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-unlocked" />

<label>Selectable:</label>
 &#xf254;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf254;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f254" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-upload" />

<label>Selectable:</label>
 &#xf255;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf255;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f255" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-usb" />

<label>Selectable:</label>
 &#xf2b8;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b8;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b8" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-videocamera" />

<label>Selectable:</label>
 &#xf256;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf256;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f256" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-volume-high" />

<label>Selectable:</label>
 &#xf257;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf257;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f257" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-volume-low" />

<label>Selectable:</label>
 &#xf258;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf258;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f258" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-volume-medium" />

<label>Selectable:</label>
 &#xf259;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf259;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f259" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-volume-mute" />

<label>Selectable:</label>
 &#xf25a;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25a;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25a" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-wand" />

<label>Selectable:</label>
 &#xf358;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf358;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f358" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-waterdrop" />

<label>Selectable:</label>
 &#xf25b;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25b;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25b" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-wifi" />

<label>Selectable:</label>
 &#xf25c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25c" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-wineglass" />

<label>Selectable:</label>
 &#xf2b9;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b9;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b9" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-woman" />

<label>Selectable:</label>
 &#xf25d;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25d;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25d" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-wrench" />

<label>Selectable:</label>
 &#xf2ba;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ba;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ba" />
 </div>
</div>
<div class="icon-row">
 <div class="preview-icon">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <div class="preview-scale">12141618212432486496</div>
 <div class="usage">
 <label>Classname:</label>
 <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-xbox" />

<label>Selectable:</label>
 &#xf30c;

<label>Escaped HTML:</label>
 <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf30c;" />

<label>CSS Content:</label>
 <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f30c" />
 </div>
</div>
 </div>
 <footer>
 Made with love by the <a href="http://ionicframework.com/">Ionic Framework</a>
 </footer>
 </div>
</body>
</html>

${this.title}

Code Editor : cheatsheet.html