3db5fc2f12
dash-stack orginally was tought as Python Flask project. After some heatet argument and strong considiration we have decided to move the project to Django. This commit is the initial commit for moving project to Django. Change-Id: Id28e3cf1dafbed7dd647b1020376bae893f5c3a2 Signed-off-by: Paarhati Ozkasgarli <ozkasgarli@gmail.com>
28009 lines
1.2 MiB
28009 lines
1.2 MiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Ionicons v2.0.1 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.1 Cheatsheet, 733 icons:</h1>
|
|
<p><a href="http://ionicons.com/">Ionicons Homepage</a></p>
|
|
</header>
|
|
<div class="content">
|
|
<div class="icon-row">
|
|
<div class="preview-icon"><span class="step size-12">
|
|
<i class="icon ion-alert"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-alert"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-alert"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-alert"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-alert"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-alert"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-alert"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-alert"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-alert"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-alert"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-alert" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-alert-circled"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-alert-circled"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-alert-circled"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-alert-circled"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-alert-circled"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-alert-circled"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-alert-circled"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-alert-circled"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-alert-circled"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-alert-circled"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-alert-circled" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-add"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-add"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-add"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-add"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-add"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-add"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-add"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-add"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-add"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-add"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-add" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-add-circle"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-add-circle"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-add-circle"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-add-circle"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-add-circle"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-add-circle"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-add-circle"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-add-circle"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-add-circle"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-add-circle"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-alarm-clock"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-alarm-clock"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-alarm-clock"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-alarm-clock"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-alarm-clock"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-alarm-clock"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-alarm-clock"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-alarm-clock"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-alarm-clock"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-alarm-clock"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-alert"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-alert"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-alert"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-alert"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-alert"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-alert"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-alert"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-alert"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-alert"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-alert"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-alert" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-apps"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-apps"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-apps"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-apps"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-apps"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-apps"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-apps"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-apps"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-apps"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-apps"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-apps" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-archive"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-archive"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-archive"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-archive"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-archive"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-archive"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-archive"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-archive"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-archive"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-archive"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-archive" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-arrow-back"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-arrow-back"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-arrow-back"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-arrow-back"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-arrow-back"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-arrow-back"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-arrow-back"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-arrow-back"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-arrow-back"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-arrow-back"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-arrow-down"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-arrow-down"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-arrow-down"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-arrow-down"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-arrow-down"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-arrow-down"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-arrow-down"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-arrow-down"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-arrow-down"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-arrow-down"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-arrow-dropdown"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-arrow-dropdown"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-arrow-dropdown"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-arrow-dropdown"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-arrow-dropdown"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-arrow-dropdown"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-arrow-dropdown"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-arrow-dropdown"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-arrow-dropdown"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-arrow-dropdown"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-arrow-dropdown-circle"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-arrow-dropdown-circle"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-arrow-dropdown-circle"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-arrow-dropdown-circle"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-arrow-dropdown-circle"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-arrow-dropdown-circle"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-arrow-dropdown-circle"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-arrow-dropdown-circle"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-arrow-dropdown-circle"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-arrow-dropdown-circle"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-arrow-dropleft"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-arrow-dropleft"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-arrow-dropleft"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-arrow-dropleft"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-arrow-dropleft"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-arrow-dropleft"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-arrow-dropleft"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-arrow-dropleft"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-arrow-dropleft"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-arrow-dropleft"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-arrow-dropleft-circle"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-arrow-dropleft-circle"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-arrow-dropleft-circle"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-arrow-dropleft-circle"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-arrow-dropleft-circle"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-arrow-dropleft-circle"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-arrow-dropleft-circle"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-arrow-dropleft-circle"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-arrow-dropleft-circle"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-arrow-dropleft-circle"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-arrow-dropright"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-arrow-dropright"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-arrow-dropright"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-arrow-dropright"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-arrow-dropright"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-arrow-dropright"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-arrow-dropright"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-arrow-dropright"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-arrow-dropright"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-arrow-dropright"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-arrow-dropright-circle"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-arrow-dropright-circle"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-arrow-dropright-circle"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-arrow-dropright-circle"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-arrow-dropright-circle"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-arrow-dropright-circle"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-arrow-dropright-circle"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-arrow-dropright-circle"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-arrow-dropright-circle"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-arrow-dropright-circle"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-arrow-dropup"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-arrow-dropup"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-arrow-dropup"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-arrow-dropup"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-arrow-dropup"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-arrow-dropup"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-arrow-dropup"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-arrow-dropup"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-arrow-dropup"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-arrow-dropup"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-arrow-dropup-circle"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-arrow-dropup-circle"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-arrow-dropup-circle"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-arrow-dropup-circle"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-arrow-dropup-circle"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-arrow-dropup-circle"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-arrow-dropup-circle"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-arrow-dropup-circle"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-arrow-dropup-circle"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-arrow-dropup-circle"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-arrow-forward"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-arrow-forward"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-arrow-forward"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-arrow-forward"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-arrow-forward"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-arrow-forward"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-arrow-forward"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-arrow-forward"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-arrow-forward"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-arrow-forward"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-arrow-up"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-arrow-up"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-arrow-up"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-arrow-up"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-arrow-up"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-arrow-up"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-arrow-up"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-arrow-up"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-arrow-up"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-arrow-up"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-attach"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-attach"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-attach"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-attach"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-attach"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-attach"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-attach"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-attach"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-attach"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-attach"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-attach" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-bar"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-bar"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-bar"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-bar"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-bar"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-bar"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-bar"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-bar"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-bar"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-bar"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bar" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-bicycle"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-bicycle"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-bicycle"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-bicycle"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-bicycle"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-bicycle"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-bicycle"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-bicycle"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-bicycle"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-bicycle"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bicycle" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-boat"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-boat"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-boat"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-boat"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-boat"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-boat"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-boat"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-boat"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-boat"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-boat"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-boat" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-bookmark"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-bookmark"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-bookmark"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-bookmark"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-bookmark"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-bookmark"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-bookmark"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-bookmark"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-bookmark"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-bookmark"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bookmark" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-bulb"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-bulb"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-bulb"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-bulb"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-bulb"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-bulb"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-bulb"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-bulb"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-bulb"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-bulb"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bulb" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-bus"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-bus"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-bus"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-bus"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-bus"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-bus"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-bus"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-bus"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-bus"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-bus"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bus" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-calendar"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-calendar"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-calendar"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-calendar"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-calendar"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-calendar"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-calendar"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-calendar"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-calendar"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-calendar"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-calendar" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-call"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-call"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-call"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-call"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-call"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-call"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-call"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-call"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-call"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-call"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-call" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-camera"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-camera"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-camera"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-camera"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-camera"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-camera"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-camera"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-camera"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-camera"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-camera"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-camera" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-cancel"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-cancel"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-cancel"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-cancel"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-cancel"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-cancel"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-cancel"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-cancel"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-cancel"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-cancel"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cancel" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-car"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-car"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-car"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-car"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-car"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-car"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-car"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-car"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-car"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-car"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-car" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-cart"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-cart"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-cart"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-cart"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-cart"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-cart"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-cart"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-cart"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-cart"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-cart"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cart" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-chat"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-chat"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-chat"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-chat"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-chat"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-chat"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-chat"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-chat"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-chat"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-chat"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-chat" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-checkbox"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-checkbox"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-checkbox"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-checkbox"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-checkbox"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-checkbox"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-checkbox"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-checkbox"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-checkbox"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-checkbox"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-checkbox" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-checkbox-blank"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-checkbox-blank"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-checkbox-blank"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-checkbox-blank"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-checkbox-blank"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-checkbox-blank"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-checkbox-blank"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-checkbox-blank"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-checkbox-blank"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-checkbox-blank"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-checkbox-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-checkbox-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-checkbox-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-checkbox-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-checkbox-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-checkbox-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-checkbox-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-checkbox-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-checkbox-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-checkbox-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-checkbox-outline-blank"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-checkbox-outline-blank"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-checkbox-outline-blank"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-checkbox-outline-blank"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-checkbox-outline-blank"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-checkbox-outline-blank"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-checkbox-outline-blank"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-checkbox-outline-blank"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-checkbox-outline-blank"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-checkbox-outline-blank"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-checkmark-circle"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-checkmark-circle"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-checkmark-circle"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-checkmark-circle"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-checkmark-circle"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-checkmark-circle"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-checkmark-circle"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-checkmark-circle"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-checkmark-circle"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-checkmark-circle"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-clipboard"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-clipboard"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-clipboard"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-clipboard"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-clipboard"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-clipboard"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-clipboard"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-clipboard"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-clipboard"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-clipboard"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-clipboard" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-close"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-close"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-close"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-close"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-close"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-close"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-close"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-close"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-close"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-close"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-close" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-cloud"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-cloud"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-cloud"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-cloud"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-cloud"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-cloud"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-cloud"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-cloud"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-cloud"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-cloud"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cloud" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-cloud-circle"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-cloud-circle"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-cloud-circle"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-cloud-circle"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-cloud-circle"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-cloud-circle"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-cloud-circle"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-cloud-circle"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-cloud-circle"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-cloud-circle"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-cloud-done"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-cloud-done"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-cloud-done"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-cloud-done"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-cloud-done"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-cloud-done"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-cloud-done"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-cloud-done"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-cloud-done"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-cloud-done"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-cloud-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-cloud-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-cloud-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-cloud-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-cloud-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-cloud-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-cloud-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-cloud-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-cloud-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-cloud-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-color-palette"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-color-palette"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-color-palette"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-color-palette"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-color-palette"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-color-palette"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-color-palette"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-color-palette"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-color-palette"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-color-palette"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-compass"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-compass"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-compass"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-compass"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-compass"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-compass"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-compass"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-compass"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-compass"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-compass"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-compass" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-contact"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-contact"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-contact"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-contact"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-contact"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-contact"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-contact"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-contact"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-contact"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-contact"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-contact" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-contacts"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-contacts"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-contacts"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-contacts"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-contacts"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-contacts"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-contacts"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-contacts"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-contacts"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-contacts"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-contacts" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-contract"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-contract"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-contract"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-contract"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-contract"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-contract"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-contract"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-contract"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-contract"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-contract"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-contract" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-create"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-create"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-create"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-create"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-create"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-create"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-create"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-create"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-create"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-create"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-create" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-delete"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-delete"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-delete"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-delete"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-delete"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-delete"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-delete"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-delete"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-delete"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-delete"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-delete" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-desktop"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-desktop"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-desktop"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-desktop"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-desktop"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-desktop"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-desktop"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-desktop"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-desktop"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-desktop"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-desktop" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-document"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-document"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-document"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-document"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-document"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-document"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-document"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-document"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-document"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-document"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-document" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-done"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-done"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-done"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-done"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-done"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-done"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-done"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-done"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-done"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-done"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-done" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-done-all"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-done-all"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-done-all"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-done-all"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-done-all"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-done-all"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-done-all"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-done-all"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-done-all"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-done-all"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-download"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-download"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-download"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-download"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-download"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-download"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-download"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-download"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-download"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-download"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-download" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-drafts"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-drafts"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-drafts"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-drafts"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-drafts"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-drafts"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-drafts"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-drafts"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-drafts"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-drafts"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-drafts" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-exit"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-exit"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-exit"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-exit"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-exit"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-exit"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-exit"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-exit"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-exit"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-exit"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-exit" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-expand"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-expand"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-expand"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-expand"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-expand"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-expand"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-expand"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-expand"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-expand"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-expand"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-expand" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-favorite"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-favorite"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-favorite"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-favorite"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-favorite"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-favorite"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-favorite"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-favorite"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-favorite"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-favorite"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-favorite" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-favorite-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-favorite-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-favorite-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-favorite-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-favorite-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-favorite-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-favorite-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-favorite-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-favorite-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-favorite-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-film"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-film"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-film"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-film"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-film"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-film"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-film"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-film"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-film"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-film"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-film" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-folder"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-folder"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-folder"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-folder"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-folder"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-folder"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-folder"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-folder"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-folder"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-folder"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-folder" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-folder-open"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-folder-open"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-folder-open"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-folder-open"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-folder-open"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-folder-open"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-folder-open"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-folder-open"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-folder-open"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-folder-open"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-funnel"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-funnel"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-funnel"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-funnel"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-funnel"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-funnel"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-funnel"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-funnel"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-funnel"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-funnel"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-funnel" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-globe"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-globe"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-globe"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-globe"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-globe"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-globe"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-globe"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-globe"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-globe"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-globe"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-globe" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-hand"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-hand"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-hand"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-hand"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-hand"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-hand"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-hand"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-hand"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-hand"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-hand"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-hand" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-hangout"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-hangout"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-hangout"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-hangout"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-hangout"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-hangout"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-hangout"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-hangout"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-hangout"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-hangout"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-hangout" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-happy"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-happy"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-happy"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-happy"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-happy"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-happy"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-happy"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-happy"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-happy"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-happy"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-happy" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-home"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-home"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-home"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-home"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-home"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-home"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-home"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-home"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-home"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-home"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-home" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-image"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-image"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-image"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-image"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-image"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-image"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-image"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-image"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-image"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-image"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-image" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-laptop"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-laptop"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-laptop"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-laptop"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-laptop"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-laptop"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-laptop"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-laptop"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-laptop"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-laptop"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-laptop" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-list"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-list"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-list"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-list"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-list"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-list"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-list"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-list"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-list"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-list"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-list" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-locate"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-locate"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-locate"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-locate"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-locate"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-locate"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-locate"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-locate"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-locate"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-locate"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-locate" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-lock"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-lock"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-lock"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-lock"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-lock"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-lock"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-lock"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-lock"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-lock"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-lock"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-lock" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-mail"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-mail"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-mail"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-mail"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-mail"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-mail"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-mail"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-mail"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-mail"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-mail"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-mail" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-map"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-map"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-map"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-map"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-map"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-map"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-map"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-map"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-map"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-map"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-map" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-menu"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-menu"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-menu"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-menu"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-menu"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-menu"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-menu"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-menu"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-menu"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-menu"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-menu" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-microphone"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-microphone"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-microphone"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-microphone"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-microphone"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-microphone"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-microphone"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-microphone"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-microphone"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-microphone"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-microphone" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-microphone-off"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-microphone-off"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-microphone-off"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-microphone-off"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-microphone-off"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-microphone-off"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-microphone-off"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-microphone-off"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-microphone-off"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-microphone-off"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-more-horizontal"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-more-horizontal"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-more-horizontal"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-more-horizontal"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-more-horizontal"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-more-horizontal"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-more-horizontal"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-more-horizontal"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-more-horizontal"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-more-horizontal"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-more-vertical"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-more-vertical"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-more-vertical"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-more-vertical"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-more-vertical"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-more-vertical"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-more-vertical"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-more-vertical"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-more-vertical"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-more-vertical"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-navigate"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-navigate"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-navigate"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-navigate"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-navigate"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-navigate"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-navigate"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-navigate"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-navigate"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-navigate"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-navigate" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-notifications"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-notifications"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-notifications"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-notifications"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-notifications"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-notifications"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-notifications"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-notifications"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-notifications"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-notifications"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-notifications" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-notifications-none"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-notifications-none"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-notifications-none"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-notifications-none"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-notifications-none"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-notifications-none"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-notifications-none"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-notifications-none"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-notifications-none"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-notifications-none"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-notifications-off"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-notifications-off"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-notifications-off"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-notifications-off"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-notifications-off"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-notifications-off"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-notifications-off"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-notifications-off"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-notifications-off"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-notifications-off"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-open"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-open"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-open"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-open"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-open"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-open"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-open"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-open"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-open"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-open"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-open" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-options"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-options"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-options"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-options"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-options"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-options"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-options"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-options"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-options"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-options"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-options" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-people"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-people"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-people"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-people"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-people"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-people"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-people"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-people"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-people"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-people"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-people" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-person"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-person"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-person"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-person"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-person"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-person"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-person"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-person"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-person"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-person"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-person" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-person-add"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-person-add"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-person-add"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-person-add"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-person-add"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-person-add"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-person-add"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-person-add"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-person-add"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-person-add"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-phone-landscape"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-phone-landscape"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-phone-landscape"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-phone-landscape"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-phone-landscape"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-phone-landscape"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-phone-landscape"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-phone-landscape"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-phone-landscape"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-phone-landscape"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-phone-portrait"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-phone-portrait"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-phone-portrait"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-phone-portrait"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-phone-portrait"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-phone-portrait"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-phone-portrait"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-phone-portrait"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-phone-portrait"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-phone-portrait"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-pin"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-pin"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-pin"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-pin"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-pin"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-pin"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-pin"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-pin"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-pin"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-pin"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-pin" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-plane"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-plane"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-plane"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-plane"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-plane"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-plane"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-plane"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-plane"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-plane"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-plane"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-plane" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-playstore"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-playstore"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-playstore"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-playstore"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-playstore"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-playstore"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-playstore"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-playstore"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-playstore"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-playstore"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-playstore" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-print"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-print"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-print"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-print"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-print"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-print"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-print"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-print"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-print"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-print"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-print" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-radio-button-off"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-radio-button-off"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-radio-button-off"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-radio-button-off"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-radio-button-off"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-radio-button-off"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-radio-button-off"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-radio-button-off"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-radio-button-off"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-radio-button-off"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-radio-button-on"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-radio-button-on"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-radio-button-on"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-radio-button-on"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-radio-button-on"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-radio-button-on"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-radio-button-on"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-radio-button-on"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-radio-button-on"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-radio-button-on"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-refresh"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-refresh"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-refresh"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-refresh"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-refresh"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-refresh"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-refresh"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-refresh"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-refresh"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-refresh"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-refresh" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-remove"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-remove"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-remove"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-remove"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-remove"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-remove"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-remove"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-remove"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-remove"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-remove"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-remove" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-remove-circle"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-remove-circle"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-remove-circle"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-remove-circle"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-remove-circle"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-remove-circle"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-remove-circle"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-remove-circle"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-remove-circle"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-remove-circle"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-restaurant"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-restaurant"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-restaurant"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-restaurant"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-restaurant"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-restaurant"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-restaurant"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-restaurant"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-restaurant"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-restaurant"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-restaurant" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-sad"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-sad"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-sad"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-sad"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-sad"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-sad"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-sad"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-sad"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-sad"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-sad"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-sad" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-search"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-search"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-search"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-search"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-search"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-search"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-search"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-search"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-search"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-search"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-search" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-send"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-send"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-send"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-send"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-send"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-send"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-send"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-send"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-send"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-send"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-send" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-settings"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-settings"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-settings"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-settings"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-settings"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-settings"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-settings"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-settings"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-settings"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-settings"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-settings" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-share"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-share"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-share"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-share"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-share"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-share"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-share"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-share"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-share"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-share"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-share" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-share-alt"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-share-alt"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-share-alt"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-share-alt"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-share-alt"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-share-alt"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-share-alt"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-share-alt"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-share-alt"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-share-alt"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-star"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-star"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-star"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-star"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-star"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-star"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-star"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-star"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-star"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-star"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-star" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-star-half"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-star-half"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-star-half"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-star-half"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-star-half"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-star-half"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-star-half"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-star-half"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-star-half"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-star-half"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-star-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-star-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-star-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-star-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-star-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-star-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-star-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-star-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-star-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-star-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-stopwatch"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-stopwatch"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-stopwatch"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-stopwatch"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-stopwatch"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-stopwatch"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-stopwatch"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-stopwatch"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-stopwatch"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-stopwatch"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-stopwatch" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-subway"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-subway"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-subway"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-subway"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-subway"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-subway"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-subway"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-subway"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-subway"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-subway"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-subway" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-sunny"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-sunny"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-sunny"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-sunny"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-sunny"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-sunny"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-sunny"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-sunny"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-sunny"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-sunny"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-sunny" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-sync"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-sync"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-sync"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-sync"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-sync"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-sync"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-sync"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-sync"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-sync"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-sync"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-sync" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-textsms"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-textsms"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-textsms"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-textsms"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-textsms"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-textsms"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-textsms"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-textsms"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-textsms"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-textsms"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-textsms" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-time"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-time"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-time"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-time"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-time"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-time"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-time"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-time"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-time"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-time"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-time" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-train"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-train"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-train"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-train"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-train"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-train"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-train"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-train"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-train"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-train"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-train" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-unlock"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-unlock"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-unlock"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-unlock"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-unlock"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-unlock"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-unlock"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-unlock"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-unlock"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-unlock"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-unlock" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-upload"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-upload"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-upload"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-upload"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-upload"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-upload"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-upload"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-upload"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-upload"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-upload"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-upload" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-volume-down"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-volume-down"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-volume-down"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-volume-down"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-volume-down"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-volume-down"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-volume-down"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-volume-down"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-volume-down"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-volume-down"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-volume-mute"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-volume-mute"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-volume-mute"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-volume-mute"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-volume-mute"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-volume-mute"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-volume-mute"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-volume-mute"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-volume-mute"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-volume-mute"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-volume-off"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-volume-off"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-volume-off"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-volume-off"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-volume-off"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-volume-off"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-volume-off"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-volume-off"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-volume-off"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-volume-off"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-volume-up"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-volume-up"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-volume-up"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-volume-up"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-volume-up"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-volume-up"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-volume-up"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-volume-up"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-volume-up"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-volume-up"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-walk"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-walk"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-walk"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-walk"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-walk"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-walk"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-walk"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-walk"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-walk"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-walk"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-walk" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-warning"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-warning"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-warning"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-warning"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-warning"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-warning"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-warning"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-warning"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-warning"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-warning"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-warning" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-watch"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-watch"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-watch"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-watch"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-watch"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-watch"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-watch"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-watch"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-watch"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-watch"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-watch" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-android-wifi"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-android-wifi"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-android-wifi"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-android-wifi"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-android-wifi"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-android-wifi"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-android-wifi"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-android-wifi"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-android-wifi"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-android-wifi"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-wifi" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-aperture"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-aperture"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-aperture"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-aperture"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-aperture"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-aperture"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-aperture"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-aperture"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-aperture"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-aperture"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-aperture" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-archive"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-archive"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-archive"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-archive"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-archive"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-archive"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-archive"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-archive"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-archive"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-archive"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-archive" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-down-a"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-down-a"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-down-a"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-down-a"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-down-a"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-down-a"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-down-a"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-down-a"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-down-a"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-down-a"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-down-b"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-down-b"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-down-b"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-down-b"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-down-b"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-down-b"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-down-b"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-down-b"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-down-b"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-down-b"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-down-c"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-down-c"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-down-c"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-down-c"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-down-c"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-down-c"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-down-c"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-down-c"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-down-c"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-down-c"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-expand"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-expand"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-expand"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-expand"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-expand"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-expand"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-expand"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-expand"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-expand"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-expand"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-expand" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-graph-down-left"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-graph-down-left"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-graph-down-left"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-graph-down-left"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-graph-down-left"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-graph-down-left"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-graph-down-left"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-graph-down-left"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-graph-down-left"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-graph-down-left"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-graph-down-right"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-graph-down-right"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-graph-down-right"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-graph-down-right"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-graph-down-right"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-graph-down-right"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-graph-down-right"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-graph-down-right"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-graph-down-right"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-graph-down-right"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-graph-up-left"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-graph-up-left"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-graph-up-left"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-graph-up-left"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-graph-up-left"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-graph-up-left"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-graph-up-left"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-graph-up-left"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-graph-up-left"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-graph-up-left"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-graph-up-right"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-graph-up-right"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-graph-up-right"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-graph-up-right"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-graph-up-right"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-graph-up-right"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-graph-up-right"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-graph-up-right"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-graph-up-right"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-graph-up-right"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-left-a"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-left-a"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-left-a"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-left-a"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-left-a"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-left-a"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-left-a"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-left-a"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-left-a"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-left-a"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-left-b"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-left-b"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-left-b"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-left-b"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-left-b"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-left-b"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-left-b"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-left-b"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-left-b"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-left-b"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-left-c"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-left-c"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-left-c"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-left-c"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-left-c"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-left-c"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-left-c"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-left-c"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-left-c"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-left-c"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-move"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-move"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-move"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-move"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-move"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-move"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-move"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-move"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-move"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-move"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-move" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-resize"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-resize"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-resize"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-resize"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-resize"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-resize"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-resize"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-resize"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-resize"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-resize"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-resize" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-return-left"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-return-left"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-return-left"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-return-left"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-return-left"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-return-left"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-return-left"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-return-left"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-return-left"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-return-left"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-return-right"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-return-right"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-return-right"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-return-right"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-return-right"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-return-right"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-return-right"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-return-right"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-return-right"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-return-right"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-right-a"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-right-a"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-right-a"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-right-a"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-right-a"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-right-a"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-right-a"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-right-a"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-right-a"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-right-a"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-right-b"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-right-b"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-right-b"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-right-b"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-right-b"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-right-b"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-right-b"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-right-b"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-right-b"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-right-b"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-right-c"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-right-c"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-right-c"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-right-c"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-right-c"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-right-c"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-right-c"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-right-c"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-right-c"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-right-c"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-shrink"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-shrink"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-shrink"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-shrink"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-shrink"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-shrink"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-shrink"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-shrink"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-shrink"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-shrink"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-shrink" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-swap"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-swap"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-swap"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-swap"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-swap"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-swap"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-swap"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-swap"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-swap"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-swap"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-swap" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-up-a"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-up-a"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-up-a"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-up-a"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-up-a"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-up-a"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-up-a"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-up-a"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-up-a"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-up-a"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-up-b"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-up-b"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-up-b"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-up-b"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-up-b"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-up-b"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-up-b"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-up-b"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-up-b"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-up-b"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-arrow-up-c"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-arrow-up-c"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-arrow-up-c"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-arrow-up-c"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-arrow-up-c"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-arrow-up-c"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-arrow-up-c"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-arrow-up-c"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-arrow-up-c"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-arrow-up-c"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-asterisk"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-asterisk"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-asterisk"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-asterisk"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-asterisk"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-asterisk"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-asterisk"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-asterisk"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-asterisk"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-asterisk"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-asterisk" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-at"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-at"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-at"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-at"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-at"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-at"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-at"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-at"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-at"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-at"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-at" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-backspace"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-backspace"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-backspace"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-backspace"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-backspace"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-backspace"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-backspace"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-backspace"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-backspace"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-backspace"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-backspace" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-backspace-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-backspace-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-backspace-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-backspace-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-backspace-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-backspace-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-backspace-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-backspace-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-backspace-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-backspace-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-backspace-outline" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-bag"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-bag"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-bag"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-bag"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-bag"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-bag"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-bag"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-bag"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-bag"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-bag"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bag" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-battery-charging"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-battery-charging"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-battery-charging"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-battery-charging"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-battery-charging"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-battery-charging"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-battery-charging"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-battery-charging"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-battery-charging"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-battery-charging"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-charging" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-battery-empty"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-battery-empty"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-battery-empty"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-battery-empty"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-battery-empty"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-battery-empty"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-battery-empty"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-battery-empty"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-battery-empty"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-battery-empty"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-empty" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-battery-full"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-battery-full"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-battery-full"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-battery-full"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-battery-full"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-battery-full"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-battery-full"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-battery-full"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-battery-full"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-battery-full"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-full" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-battery-half"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-battery-half"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-battery-half"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-battery-half"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-battery-half"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-battery-half"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-battery-half"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-battery-half"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-battery-half"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-battery-half"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-half" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-battery-low"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-battery-low"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-battery-low"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-battery-low"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-battery-low"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-battery-low"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-battery-low"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-battery-low"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-battery-low"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-battery-low"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-low" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-beaker"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-beaker"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-beaker"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-beaker"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-beaker"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-beaker"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-beaker"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-beaker"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-beaker"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-beaker"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-beaker" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-beer"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-beer"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-beer"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-beer"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-beer"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-beer"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-beer"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-beer"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-beer"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-beer"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-beer" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-bluetooth"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-bluetooth"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-bluetooth"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-bluetooth"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-bluetooth"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-bluetooth"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-bluetooth"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-bluetooth"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-bluetooth"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-bluetooth"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bluetooth" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-bonfire"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-bonfire"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-bonfire"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-bonfire"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-bonfire"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-bonfire"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-bonfire"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-bonfire"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-bonfire"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-bonfire"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bonfire" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-bookmark"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-bookmark"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-bookmark"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-bookmark"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-bookmark"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-bookmark"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-bookmark"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-bookmark"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-bookmark"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-bookmark"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bookmark" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-bowtie"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-bowtie"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-bowtie"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-bowtie"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-bowtie"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-bowtie"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-bowtie"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-bowtie"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-bowtie"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-bowtie"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bowtie" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-briefcase"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-briefcase"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-briefcase"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-briefcase"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-briefcase"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-briefcase"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-briefcase"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-briefcase"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-briefcase"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-briefcase"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-briefcase" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-bug"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-bug"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-bug"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-bug"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-bug"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-bug"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-bug"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-bug"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-bug"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-bug"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bug" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-calculator"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-calculator"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-calculator"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-calculator"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-calculator"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-calculator"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-calculator"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-calculator"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-calculator"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-calculator"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-calculator" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-calendar"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-calendar"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-calendar"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-calendar"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-calendar"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-calendar"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-calendar"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-calendar"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-calendar"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-calendar"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-calendar" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-camera"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-camera"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-camera"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-camera"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-camera"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-camera"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-camera"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-camera"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-camera"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-camera"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-camera" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-card"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-card"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-card"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-card"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-card"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-card"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-card"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-card"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-card"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-card"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-card" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-cash"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-cash"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-cash"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-cash"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-cash"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-cash"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-cash"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-cash"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-cash"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-cash"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-cash" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-chatbox"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-chatbox"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-chatbox"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-chatbox"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-chatbox"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-chatbox"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-chatbox"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-chatbox"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-chatbox"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-chatbox"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbox" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-chatbox-working"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-chatbox-working"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-chatbox-working"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-chatbox-working"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-chatbox-working"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-chatbox-working"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-chatbox-working"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-chatbox-working"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-chatbox-working"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-chatbox-working"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbox-working" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-chatboxes"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-chatboxes"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-chatboxes"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-chatboxes"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-chatboxes"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-chatboxes"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-chatboxes"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-chatboxes"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-chatboxes"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-chatboxes"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatboxes" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-chatbubble"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-chatbubble"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-chatbubble"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-chatbubble"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-chatbubble"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-chatbubble"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-chatbubble"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-chatbubble"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-chatbubble"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-chatbubble"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbubble" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-chatbubble-working"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-chatbubble-working"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-chatbubble-working"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-chatbubble-working"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-chatbubble-working"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-chatbubble-working"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-chatbubble-working"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-chatbubble-working"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-chatbubble-working"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-chatbubble-working"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbubble-working" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-chatbubbles"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-chatbubbles"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-chatbubbles"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-chatbubbles"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-chatbubbles"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-chatbubbles"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-chatbubbles"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-chatbubbles"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-chatbubbles"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-chatbubbles"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbubbles" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-checkmark"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-checkmark"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-checkmark"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-checkmark"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-checkmark"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-checkmark"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-checkmark"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-checkmark"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-checkmark"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-checkmark" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-checkmark-circled"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-checkmark-circled"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-checkmark-circled"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-checkmark-circled"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-checkmark-circled"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-checkmark-circled"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-checkmark-circled"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-checkmark-circled"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-checkmark-circled"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-checkmark-circled"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-checkmark-circled" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-checkmark-round"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-checkmark-round"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-checkmark-round"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-checkmark-round"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-checkmark-round"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-checkmark-round"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-checkmark-round"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-checkmark-round"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-checkmark-round"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-checkmark-round"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-checkmark-round" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-chevron-down"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-chevron-down"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-chevron-down"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-chevron-down"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-chevron-down"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-chevron-down"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-chevron-down"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-chevron-down"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-chevron-down"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-chevron-down"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chevron-down" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-chevron-left"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-chevron-left"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-chevron-left"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-chevron-left"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-chevron-left"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-chevron-left"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-chevron-left"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-chevron-left"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-chevron-left"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-chevron-left"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chevron-left" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-chevron-right"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-chevron-right"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-chevron-right"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-chevron-right"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-chevron-right"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-chevron-right"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-chevron-right"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-chevron-right"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-chevron-right"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-chevron-right"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chevron-right" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-chevron-up"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-chevron-up"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-chevron-up"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-chevron-up"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-chevron-up"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-chevron-up"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-chevron-up"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-chevron-up"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-chevron-up"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-chevron-up"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chevron-up" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-clipboard"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-clipboard"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-clipboard"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-clipboard"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-clipboard"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-clipboard"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-clipboard"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-clipboard"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-clipboard"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-clipboard"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-clipboard" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-clock"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-clock"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-clock"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-clock"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-clock"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-clock"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-clock"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-clock"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-clock"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-clock"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-clock" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-close"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-close"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-close"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-close"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-close"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-close"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-close"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-close"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-close"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-close"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-close" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-close-circled"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-close-circled"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-close-circled"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-close-circled"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-close-circled"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-close-circled"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-close-circled"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-close-circled"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-close-circled"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-close-circled"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-close-circled" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-close-round"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-close-round"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-close-round"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-close-round"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-close-round"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-close-round"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-close-round"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-close-round"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-close-round"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-close-round"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-close-round" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-closed-captioning"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-closed-captioning"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-closed-captioning"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-closed-captioning"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-closed-captioning"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-closed-captioning"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-closed-captioning"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-closed-captioning"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-closed-captioning"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-closed-captioning"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-closed-captioning" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-cloud"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-cloud"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-cloud"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-cloud"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-cloud"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-cloud"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-cloud"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-cloud"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-cloud"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-cloud"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-cloud" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-code"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-code"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-code"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-code"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-code"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-code"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-code"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-code"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-code"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-code"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-code" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-code-download"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-code-download"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-code-download"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-code-download"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-code-download"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-code-download"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-code-download"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-code-download"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-code-download"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-code-download"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-code-download" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-code-working"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-code-working"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-code-working"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-code-working"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-code-working"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-code-working"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-code-working"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-code-working"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-code-working"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-code-working"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-code-working" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-coffee"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-coffee"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-coffee"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-coffee"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-coffee"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-coffee"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-coffee"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-coffee"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-coffee"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-coffee"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-coffee" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-compass"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-compass"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-compass"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-compass"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-compass"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-compass"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-compass"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-compass"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-compass"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-compass"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-compass" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-compose"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-compose"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-compose"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-compose"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-compose"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-compose"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-compose"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-compose"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-compose"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-compose"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-compose" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-connection-bars"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-connection-bars"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-connection-bars"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-connection-bars"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-connection-bars"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-connection-bars"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-connection-bars"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-connection-bars"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-connection-bars"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-connection-bars"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-connection-bars" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-contrast"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-contrast"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-contrast"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-contrast"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-contrast"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-contrast"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-contrast"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-contrast"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-contrast"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-contrast"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-contrast" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-crop"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-crop"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-crop"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-crop"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-crop"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-crop"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-crop"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-crop"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-crop"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-crop"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-crop" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-cube"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-cube"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-cube"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-cube"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-cube"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-cube"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-cube"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-cube"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-cube"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-cube"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-cube" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-disc"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-disc"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-disc"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-disc"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-disc"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-disc"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-disc"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-disc"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-disc"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-disc"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-disc" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-document"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-document"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-document"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-document"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-document"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-document"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-document"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-document"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-document"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-document"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-document" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-document-text"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-document-text"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-document-text"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-document-text"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-document-text"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-document-text"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-document-text"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-document-text"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-document-text"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-document-text"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-document-text" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-drag"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-drag"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-drag"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-drag"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-drag"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-drag"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-drag"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-drag"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-drag"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-drag"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-drag" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-earth"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-earth"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-earth"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-earth"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-earth"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-earth"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-earth"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-earth"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-earth"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-earth"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-earth" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-easel"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-easel"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-easel"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-easel"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-easel"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-easel"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-easel"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-easel"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-easel"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-easel"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-easel" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-edit"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-edit"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-edit"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-edit"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-edit"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-edit"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-edit"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-edit"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-edit"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-edit"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-edit" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-egg"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-egg"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-egg"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-egg"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-egg"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-egg"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-egg"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-egg"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-egg"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-egg"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-egg" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-eject"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-eject"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-eject"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-eject"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-eject"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-eject"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-eject"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-eject"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-eject"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-eject"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-eject" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-email"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-email"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-email"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-email"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-email"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-email"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-email"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-email"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-email"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-email"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-email" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-email-unread"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-email-unread"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-email-unread"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-email-unread"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-email-unread"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-email-unread"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-email-unread"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-email-unread"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-email-unread"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-email-unread"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-email-unread" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-erlenmeyer-flask"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-erlenmeyer-flask"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-erlenmeyer-flask"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-erlenmeyer-flask"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-erlenmeyer-flask"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-erlenmeyer-flask"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-erlenmeyer-flask"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-erlenmeyer-flask"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-erlenmeyer-flask"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-erlenmeyer-flask"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-erlenmeyer-flask" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-erlenmeyer-flask-bubbles"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-erlenmeyer-flask-bubbles"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-erlenmeyer-flask-bubbles"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-erlenmeyer-flask-bubbles"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-erlenmeyer-flask-bubbles"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-erlenmeyer-flask-bubbles"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-erlenmeyer-flask-bubbles"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-erlenmeyer-flask-bubbles"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-erlenmeyer-flask-bubbles"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-erlenmeyer-flask-bubbles"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-eye"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-eye"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-eye"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-eye"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-eye"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-eye"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-eye"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-eye"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-eye"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-eye"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-eye" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-eye-disabled"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-eye-disabled"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-eye-disabled"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-eye-disabled"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-eye-disabled"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-eye-disabled"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-eye-disabled"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-eye-disabled"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-eye-disabled"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-eye-disabled"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-eye-disabled" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-female"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-female"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-female"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-female"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-female"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-female"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-female"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-female"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-female"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-female"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-female" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-filing"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-filing"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-filing"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-filing"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-filing"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-filing"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-filing"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-filing"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-filing"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-filing"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-filing" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-film-marker"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-film-marker"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-film-marker"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-film-marker"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-film-marker"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-film-marker"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-film-marker"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-film-marker"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-film-marker"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-film-marker"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-film-marker" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-fireball"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-fireball"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-fireball"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-fireball"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-fireball"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-fireball"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-fireball"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-fireball"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-fireball"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-fireball"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-fireball" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-flag"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-flag"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-flag"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-flag"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-flag"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-flag"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-flag"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-flag"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-flag"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-flag"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-flag" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-flame"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-flame"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-flame"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-flame"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-flame"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-flame"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-flame"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-flame"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-flame"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-flame"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-flame" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-flash"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-flash"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-flash"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-flash"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-flash"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-flash"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-flash"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-flash"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-flash"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-flash"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-flash" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-flash-off"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-flash-off"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-flash-off"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-flash-off"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-flash-off"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-flash-off"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-flash-off"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-flash-off"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-flash-off"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-flash-off"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-flash-off" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-folder"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-folder"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-folder"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-folder"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-folder"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-folder"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-folder"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-folder"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-folder"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-folder"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-folder" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-fork"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-fork"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-fork"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-fork"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-fork"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-fork"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-fork"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-fork"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-fork"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-fork"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-fork" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-fork-repo"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-fork-repo"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-fork-repo"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-fork-repo"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-fork-repo"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-fork-repo"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-fork-repo"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-fork-repo"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-fork-repo"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-fork-repo"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-fork-repo" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-forward"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-forward"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-forward"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-forward"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-forward"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-forward"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-forward"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-forward"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-forward"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-forward"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-forward" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-funnel"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-funnel"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-funnel"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-funnel"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-funnel"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-funnel"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-funnel"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-funnel"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-funnel"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-funnel"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-funnel" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-gear-a"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-gear-a"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-gear-a"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-gear-a"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-gear-a"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-gear-a"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-gear-a"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-gear-a"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-gear-a"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-gear-a"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-gear-a" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-gear-b"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-gear-b"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-gear-b"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-gear-b"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-gear-b"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-gear-b"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-gear-b"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-gear-b"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-gear-b"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-gear-b"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-gear-b" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-grid"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-grid"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-grid"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-grid"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-grid"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-grid"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-grid"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-grid"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-grid"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-grid"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-grid" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-hammer"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-hammer"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-hammer"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-hammer"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-hammer"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-hammer"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-hammer"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-hammer"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-hammer"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-hammer"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-hammer" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-happy"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-happy"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-happy"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-happy"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-happy"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-happy"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-happy"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-happy"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-happy"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-happy"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-happy" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-happy-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-happy-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-happy-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-happy-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-happy-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-happy-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-happy-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-happy-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-happy-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-happy-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-happy-outline" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-headphone"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-headphone"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-headphone"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-headphone"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-headphone"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-headphone"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-headphone"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-headphone"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-headphone"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-headphone"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-headphone" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-heart"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-heart"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-heart"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-heart"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-heart"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-heart"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-heart"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-heart"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-heart"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-heart"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-heart" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-heart-broken"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-heart-broken"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-heart-broken"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-heart-broken"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-heart-broken"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-heart-broken"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-heart-broken"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-heart-broken"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-heart-broken"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-heart-broken"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-heart-broken" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-help"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-help"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-help"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-help"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-help"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-help"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-help"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-help"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-help"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-help"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-help" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-help-buoy"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-help-buoy"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-help-buoy"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-help-buoy"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-help-buoy"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-help-buoy"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-help-buoy"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-help-buoy"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-help-buoy"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-help-buoy"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-help-buoy" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-help-circled"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-help-circled"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-help-circled"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-help-circled"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-help-circled"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-help-circled"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-help-circled"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-help-circled"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-help-circled"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-help-circled"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-help-circled" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-home"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-home"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-home"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-home"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-home"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-home"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-home"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-home"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-home"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-home"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-home" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-icecream"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-icecream"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-icecream"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-icecream"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-icecream"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-icecream"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-icecream"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-icecream"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-icecream"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-icecream"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-icecream" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-image"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-image"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-image"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-image"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-image"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-image"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-image"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-image"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-image"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-image"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-image" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-images"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-images"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-images"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-images"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-images"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-images"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-images"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-images"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-images"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-images"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-images" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-information"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-information"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-information"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-information"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-information"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-information"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-information"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-information"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-information"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-information"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-information" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-information-circled"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-information-circled"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-information-circled"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-information-circled"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-information-circled"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-information-circled"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-information-circled"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-information-circled"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-information-circled"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-information-circled"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-information-circled" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ionic"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ionic"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ionic"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ionic"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ionic"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ionic"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ionic"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ionic"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ionic"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ionic"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ionic" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-alarm"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-alarm"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-alarm"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-alarm"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-alarm"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-alarm"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-alarm"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-alarm"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-alarm"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-alarm"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-alarm" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-alarm-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-alarm-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-alarm-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-alarm-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-alarm-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-alarm-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-alarm-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-alarm-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-alarm-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-alarm-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-albums"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-albums"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-albums"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-albums"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-albums"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-albums"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-albums"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-albums"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-albums"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-albums"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-albums" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-albums-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-albums-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-albums-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-albums-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-albums-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-albums-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-albums-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-albums-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-albums-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-albums-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-americanfootball"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-americanfootball"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-americanfootball"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-americanfootball"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-americanfootball"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-americanfootball"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-americanfootball"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-americanfootball"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-americanfootball"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-americanfootball"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-americanfootball" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-americanfootball-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-americanfootball-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-americanfootball-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-americanfootball-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-americanfootball-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-americanfootball-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-americanfootball-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-americanfootball-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-americanfootball-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-americanfootball-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-analytics"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-analytics"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-analytics"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-analytics"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-analytics"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-analytics"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-analytics"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-analytics"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-analytics"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-analytics"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-analytics" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-analytics-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-analytics-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-analytics-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-analytics-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-analytics-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-analytics-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-analytics-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-analytics-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-analytics-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-analytics-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-arrow-back"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-arrow-back"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-arrow-back"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-arrow-back"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-arrow-back"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-arrow-back"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-arrow-back"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-arrow-back"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-arrow-back"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-arrow-back"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-arrow-down"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-arrow-down"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-arrow-down"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-arrow-down"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-arrow-down"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-arrow-down"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-arrow-down"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-arrow-down"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-arrow-down"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-arrow-down"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-arrow-forward"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-arrow-forward"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-arrow-forward"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-arrow-forward"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-arrow-forward"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-arrow-forward"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-arrow-forward"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-arrow-forward"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-arrow-forward"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-arrow-forward"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-arrow-left"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-arrow-left"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-arrow-left"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-arrow-left"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-arrow-left"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-arrow-left"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-arrow-left"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-arrow-left"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-arrow-left"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-arrow-left"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-arrow-right"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-arrow-right"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-arrow-right"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-arrow-right"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-arrow-right"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-arrow-right"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-arrow-right"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-arrow-right"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-arrow-right"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-arrow-right"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-arrow-thin-down"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-arrow-thin-down"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-arrow-thin-down"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-arrow-thin-down"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-arrow-thin-down"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-arrow-thin-down"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-arrow-thin-down"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-arrow-thin-down"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-arrow-thin-down"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-arrow-thin-down"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-arrow-thin-left"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-arrow-thin-left"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-arrow-thin-left"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-arrow-thin-left"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-arrow-thin-left"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-arrow-thin-left"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-arrow-thin-left"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-arrow-thin-left"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-arrow-thin-left"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-arrow-thin-left"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-arrow-thin-right"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-arrow-thin-right"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-arrow-thin-right"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-arrow-thin-right"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-arrow-thin-right"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-arrow-thin-right"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-arrow-thin-right"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-arrow-thin-right"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-arrow-thin-right"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-arrow-thin-right"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-arrow-thin-up"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-arrow-thin-up"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-arrow-thin-up"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-arrow-thin-up"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-arrow-thin-up"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-arrow-thin-up"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-arrow-thin-up"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-arrow-thin-up"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-arrow-thin-up"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-arrow-thin-up"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-arrow-up"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-arrow-up"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-arrow-up"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-arrow-up"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-arrow-up"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-arrow-up"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-arrow-up"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-arrow-up"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-arrow-up"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-arrow-up"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-at"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-at"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-at"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-at"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-at"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-at"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-at"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-at"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-at"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-at"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-at" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-at-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-at-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-at-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-at-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-at-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-at-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-at-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-at-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-at-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-at-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-barcode"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-barcode"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-barcode"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-barcode"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-barcode"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-barcode"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-barcode"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-barcode"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-barcode"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-barcode"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-barcode" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-barcode-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-barcode-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-barcode-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-barcode-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-barcode-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-barcode-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-barcode-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-barcode-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-barcode-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-barcode-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-baseball"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-baseball"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-baseball"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-baseball"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-baseball"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-baseball"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-baseball"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-baseball"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-baseball"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-baseball"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-baseball" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-baseball-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-baseball-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-baseball-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-baseball-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-baseball-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-baseball-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-baseball-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-baseball-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-baseball-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-baseball-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-basketball"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-basketball"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-basketball"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-basketball"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-basketball"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-basketball"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-basketball"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-basketball"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-basketball"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-basketball"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-basketball" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-basketball-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-basketball-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-basketball-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-basketball-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-basketball-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-basketball-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-basketball-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-basketball-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-basketball-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-basketball-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-bell"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-bell"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-bell"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-bell"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-bell"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-bell"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-bell"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-bell"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-bell"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-bell"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bell" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-bell-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-bell-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-bell-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-bell-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-bell-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-bell-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-bell-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-bell-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-bell-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-bell-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-body"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-body"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-body"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-body"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-body"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-body"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-body"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-body"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-body"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-body"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-body" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-body-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-body-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-body-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-body-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-body-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-body-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-body-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-body-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-body-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-body-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-bolt"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-bolt"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-bolt"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-bolt"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-bolt"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-bolt"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-bolt"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-bolt"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-bolt"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-bolt"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bolt" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-bolt-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-bolt-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-bolt-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-bolt-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-bolt-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-bolt-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-bolt-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-bolt-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-bolt-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-bolt-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-book"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-book"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-book"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-book"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-book"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-book"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-book"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-book"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-book"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-book"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-book" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-book-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-book-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-book-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-book-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-book-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-book-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-book-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-book-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-book-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-book-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-bookmarks"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-bookmarks"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-bookmarks"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-bookmarks"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-bookmarks"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-bookmarks"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-bookmarks"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-bookmarks"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-bookmarks"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-bookmarks"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bookmarks" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-bookmarks-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-bookmarks-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-bookmarks-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-bookmarks-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-bookmarks-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-bookmarks-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-bookmarks-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-bookmarks-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-bookmarks-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-bookmarks-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-box"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-box"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-box"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-box"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-box"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-box"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-box"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-box"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-box"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-box"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-box" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-box-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-box-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-box-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-box-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-box-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-box-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-box-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-box-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-box-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-box-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-briefcase"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-briefcase"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-briefcase"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-briefcase"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-briefcase"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-briefcase"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-briefcase"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-briefcase"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-briefcase"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-briefcase"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-briefcase" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-briefcase-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-briefcase-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-briefcase-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-briefcase-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-briefcase-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-briefcase-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-briefcase-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-briefcase-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-briefcase-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-briefcase-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-browsers"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-browsers"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-browsers"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-browsers"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-browsers"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-browsers"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-browsers"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-browsers"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-browsers"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-browsers"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-browsers" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-browsers-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-browsers-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-browsers-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-browsers-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-browsers-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-browsers-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-browsers-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-browsers-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-browsers-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-browsers-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-calculator"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-calculator"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-calculator"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-calculator"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-calculator"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-calculator"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-calculator"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-calculator"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-calculator"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-calculator"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-calculator" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-calculator-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-calculator-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-calculator-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-calculator-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-calculator-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-calculator-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-calculator-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-calculator-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-calculator-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-calculator-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-calendar"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-calendar"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-calendar"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-calendar"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-calendar"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-calendar"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-calendar"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-calendar"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-calendar"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-calendar"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-calendar" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-calendar-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-calendar-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-calendar-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-calendar-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-calendar-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-calendar-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-calendar-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-calendar-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-calendar-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-calendar-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-camera"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-camera"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-camera"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-camera"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-camera"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-camera"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-camera"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-camera"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-camera"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-camera"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-camera" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-camera-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-camera-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-camera-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-camera-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-camera-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-camera-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-camera-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-camera-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-camera-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-camera-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-cart"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-cart"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-cart"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-cart"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-cart"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-cart"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-cart"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-cart"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-cart"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-cart"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cart" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-cart-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-cart-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-cart-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-cart-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-cart-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-cart-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-cart-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-cart-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-cart-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-cart-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-chatboxes"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-chatboxes"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-chatboxes"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-chatboxes"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-chatboxes"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-chatboxes"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-chatboxes"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-chatboxes"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-chatboxes"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-chatboxes"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-chatboxes" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-chatboxes-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-chatboxes-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-chatboxes-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-chatboxes-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-chatboxes-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-chatboxes-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-chatboxes-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-chatboxes-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-chatboxes-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-chatboxes-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-chatbubble"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-chatbubble"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-chatbubble"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-chatbubble"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-chatbubble"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-chatbubble"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-chatbubble"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-chatbubble"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-chatbubble"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-chatbubble"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-chatbubble" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-chatbubble-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-chatbubble-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-chatbubble-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-chatbubble-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-chatbubble-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-chatbubble-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-chatbubble-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-chatbubble-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-chatbubble-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-chatbubble-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-checkmark"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-checkmark"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-checkmark"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-checkmark"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-checkmark"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-checkmark"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-checkmark"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-checkmark"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-checkmark"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-checkmark"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-checkmark" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-checkmark-empty"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-checkmark-empty"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-checkmark-empty"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-checkmark-empty"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-checkmark-empty"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-checkmark-empty"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-checkmark-empty"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-checkmark-empty"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-checkmark-empty"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-checkmark-empty"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-checkmark-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-checkmark-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-checkmark-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-checkmark-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-checkmark-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-checkmark-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-checkmark-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-checkmark-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-checkmark-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-checkmark-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-circle-filled"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-circle-filled"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-circle-filled"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-circle-filled"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-circle-filled"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-circle-filled"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-circle-filled"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-circle-filled"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-circle-filled"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-circle-filled"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-circle-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-circle-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-circle-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-circle-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-circle-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-circle-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-circle-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-circle-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-circle-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-circle-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-clock"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-clock"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-clock"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-clock"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-clock"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-clock"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-clock"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-clock"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-clock"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-clock"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-clock" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-clock-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-clock-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-clock-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-clock-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-clock-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-clock-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-clock-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-clock-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-clock-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-clock-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-close"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-close"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-close"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-close"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-close"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-close"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-close"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-close"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-close"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-close"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-close" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-close-empty"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-close-empty"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-close-empty"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-close-empty"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-close-empty"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-close-empty"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-close-empty"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-close-empty"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-close-empty"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-close-empty"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-close-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-close-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-close-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-close-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-close-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-close-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-close-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-close-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-close-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-close-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-cloud"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-cloud"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-cloud"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-cloud"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-cloud"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-cloud"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-cloud"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-cloud"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-cloud"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-cloud"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-cloud-download"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-cloud-download"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-cloud-download"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-cloud-download"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-cloud-download"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-cloud-download"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-cloud-download"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-cloud-download"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-cloud-download"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-cloud-download"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-cloud-download-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-cloud-download-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-cloud-download-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-cloud-download-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-cloud-download-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-cloud-download-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-cloud-download-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-cloud-download-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-cloud-download-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-cloud-download-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-cloud-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-cloud-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-cloud-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-cloud-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-cloud-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-cloud-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-cloud-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-cloud-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-cloud-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-cloud-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-cloud-upload"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-cloud-upload"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-cloud-upload"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-cloud-upload"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-cloud-upload"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-cloud-upload"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-cloud-upload"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-cloud-upload"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-cloud-upload"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-cloud-upload"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-cloud-upload-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-cloud-upload-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-cloud-upload-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-cloud-upload-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-cloud-upload-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-cloud-upload-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-cloud-upload-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-cloud-upload-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-cloud-upload-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-cloud-upload-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-cloudy"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-cloudy"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-cloudy"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-cloudy"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-cloudy"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-cloudy"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-cloudy"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-cloudy"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-cloudy"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-cloudy"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloudy" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-cloudy-night"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-cloudy-night"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-cloudy-night"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-cloudy-night"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-cloudy-night"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-cloudy-night"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-cloudy-night"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-cloudy-night"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-cloudy-night"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-cloudy-night"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-cloudy-night-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-cloudy-night-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-cloudy-night-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-cloudy-night-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-cloudy-night-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-cloudy-night-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-cloudy-night-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-cloudy-night-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-cloudy-night-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-cloudy-night-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-cloudy-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-cloudy-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-cloudy-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-cloudy-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-cloudy-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-cloudy-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-cloudy-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-cloudy-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-cloudy-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-cloudy-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-cog"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-cog"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-cog"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-cog"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-cog"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-cog"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-cog"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-cog"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-cog"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-cog"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cog" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-cog-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-cog-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-cog-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-cog-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-cog-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-cog-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-cog-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-cog-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-cog-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-cog-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-color-filter"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-color-filter"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-color-filter"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-color-filter"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-color-filter"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-color-filter"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-color-filter"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-color-filter"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-color-filter"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-color-filter"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-color-filter-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-color-filter-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-color-filter-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-color-filter-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-color-filter-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-color-filter-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-color-filter-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-color-filter-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-color-filter-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-color-filter-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-color-wand"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-color-wand"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-color-wand"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-color-wand"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-color-wand"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-color-wand"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-color-wand"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-color-wand"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-color-wand"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-color-wand"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-color-wand-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-color-wand-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-color-wand-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-color-wand-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-color-wand-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-color-wand-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-color-wand-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-color-wand-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-color-wand-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-color-wand-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-compose"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-compose"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-compose"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-compose"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-compose"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-compose"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-compose"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-compose"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-compose"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-compose"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-compose" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-compose-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-compose-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-compose-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-compose-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-compose-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-compose-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-compose-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-compose-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-compose-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-compose-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-contact"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-contact"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-contact"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-contact"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-contact"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-contact"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-contact"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-contact"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-contact"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-contact"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-contact" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-contact-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-contact-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-contact-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-contact-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-contact-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-contact-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-contact-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-contact-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-contact-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-contact-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-copy"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-copy"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-copy"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-copy"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-copy"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-copy"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-copy"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-copy"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-copy"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-copy"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-copy" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-copy-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-copy-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-copy-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-copy-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-copy-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-copy-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-copy-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-copy-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-copy-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-copy-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-crop"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-crop"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-crop"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-crop"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-crop"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-crop"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-crop"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-crop"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-crop"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-crop"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-crop" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-crop-strong"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-crop-strong"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-crop-strong"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-crop-strong"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-crop-strong"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-crop-strong"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-crop-strong"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-crop-strong"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-crop-strong"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-crop-strong"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-download"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-download"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-download"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-download"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-download"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-download"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-download"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-download"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-download"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-download"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-download" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-download-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-download-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-download-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-download-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-download-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-download-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-download-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-download-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-download-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-download-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-drag"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-drag"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-drag"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-drag"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-drag"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-drag"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-drag"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-drag"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-drag"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-drag"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-drag" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-email"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-email"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-email"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-email"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-email"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-email"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-email"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-email"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-email"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-email"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-email" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-email-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-email-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-email-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-email-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-email-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-email-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-email-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-email-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-email-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-email-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-eye"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-eye"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-eye"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-eye"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-eye"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-eye"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-eye"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-eye"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-eye"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-eye"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-eye" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-eye-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-eye-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-eye-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-eye-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-eye-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-eye-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-eye-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-eye-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-eye-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-eye-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-fastforward"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-fastforward"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-fastforward"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-fastforward"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-fastforward"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-fastforward"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-fastforward"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-fastforward"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-fastforward"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-fastforward"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-fastforward" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-fastforward-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-fastforward-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-fastforward-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-fastforward-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-fastforward-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-fastforward-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-fastforward-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-fastforward-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-fastforward-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-fastforward-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-filing"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-filing"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-filing"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-filing"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-filing"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-filing"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-filing"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-filing"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-filing"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-filing"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-filing" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-filing-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-filing-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-filing-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-filing-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-filing-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-filing-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-filing-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-filing-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-filing-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-filing-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-film"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-film"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-film"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-film"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-film"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-film"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-film"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-film"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-film"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-film"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-film" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-film-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-film-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-film-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-film-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-film-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-film-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-film-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-film-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-film-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-film-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-flag"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-flag"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-flag"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-flag"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-flag"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-flag"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-flag"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-flag"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-flag"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-flag"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flag" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-flag-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-flag-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-flag-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-flag-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-flag-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-flag-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-flag-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-flag-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-flag-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-flag-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-flame"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-flame"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-flame"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-flame"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-flame"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-flame"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-flame"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-flame"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-flame"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-flame"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flame" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-flame-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-flame-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-flame-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-flame-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-flame-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-flame-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-flame-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-flame-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-flame-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-flame-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-flask"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-flask"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-flask"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-flask"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-flask"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-flask"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-flask"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-flask"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-flask"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-flask"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flask" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-flask-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-flask-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-flask-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-flask-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-flask-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-flask-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-flask-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-flask-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-flask-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-flask-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-flower"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-flower"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-flower"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-flower"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-flower"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-flower"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-flower"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-flower"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-flower"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-flower"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flower" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-flower-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-flower-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-flower-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-flower-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-flower-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-flower-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-flower-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-flower-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-flower-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-flower-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-folder"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-folder"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-folder"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-folder"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-folder"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-folder"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-folder"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-folder"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-folder"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-folder"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-folder" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-folder-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-folder-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-folder-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-folder-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-folder-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-folder-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-folder-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-folder-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-folder-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-folder-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-football"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-football"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-football"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-football"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-football"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-football"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-football"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-football"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-football"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-football"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-football" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-football-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-football-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-football-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-football-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-football-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-football-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-football-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-football-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-football-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-football-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-game-controller-a"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-game-controller-a"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-game-controller-a"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-game-controller-a"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-game-controller-a"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-game-controller-a"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-game-controller-a"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-game-controller-a"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-game-controller-a"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-game-controller-a"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-game-controller-a-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-game-controller-a-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-game-controller-a-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-game-controller-a-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-game-controller-a-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-game-controller-a-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-game-controller-a-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-game-controller-a-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-game-controller-a-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-game-controller-a-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-game-controller-b"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-game-controller-b"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-game-controller-b"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-game-controller-b"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-game-controller-b"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-game-controller-b"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-game-controller-b"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-game-controller-b"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-game-controller-b"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-game-controller-b"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-game-controller-b-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-game-controller-b-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-game-controller-b-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-game-controller-b-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-game-controller-b-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-game-controller-b-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-game-controller-b-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-game-controller-b-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-game-controller-b-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-game-controller-b-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-gear"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-gear"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-gear"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-gear"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-gear"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-gear"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-gear"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-gear"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-gear"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-gear"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-gear" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-gear-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-gear-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-gear-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-gear-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-gear-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-gear-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-gear-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-gear-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-gear-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-gear-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-glasses"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-glasses"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-glasses"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-glasses"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-glasses"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-glasses"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-glasses"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-glasses"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-glasses"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-glasses"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-glasses" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-glasses-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-glasses-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-glasses-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-glasses-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-glasses-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-glasses-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-glasses-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-glasses-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-glasses-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-glasses-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-grid-view"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-grid-view"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-grid-view"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-grid-view"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-grid-view"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-grid-view"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-grid-view"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-grid-view"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-grid-view"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-grid-view"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-grid-view-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-grid-view-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-grid-view-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-grid-view-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-grid-view-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-grid-view-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-grid-view-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-grid-view-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-grid-view-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-grid-view-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-heart"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-heart"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-heart"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-heart"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-heart"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-heart"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-heart"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-heart"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-heart"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-heart"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-heart" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-heart-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-heart-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-heart-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-heart-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-heart-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-heart-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-heart-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-heart-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-heart-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-heart-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-help"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-help"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-help"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-help"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-help"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-help"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-help"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-help"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-help"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-help"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-help" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-help-empty"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-help-empty"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-help-empty"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-help-empty"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-help-empty"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-help-empty"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-help-empty"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-help-empty"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-help-empty"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-help-empty"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-help-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-help-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-help-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-help-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-help-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-help-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-help-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-help-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-help-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-help-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-home"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-home"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-home"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-home"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-home"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-home"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-home"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-home"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-home"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-home"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-home" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-home-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-home-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-home-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-home-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-home-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-home-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-home-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-home-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-home-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-home-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-infinite"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-infinite"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-infinite"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-infinite"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-infinite"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-infinite"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-infinite"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-infinite"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-infinite"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-infinite"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-infinite" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-infinite-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-infinite-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-infinite-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-infinite-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-infinite-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-infinite-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-infinite-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-infinite-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-infinite-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-infinite-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-information"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-information"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-information"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-information"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-information"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-information"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-information"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-information"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-information"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-information"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-information" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-information-empty"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-information-empty"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-information-empty"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-information-empty"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-information-empty"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-information-empty"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-information-empty"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-information-empty"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-information-empty"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-information-empty"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-information-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-information-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-information-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-information-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-information-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-information-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-information-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-information-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-information-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-information-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-ionic-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-ionic-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-ionic-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-ionic-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-ionic-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-ionic-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-ionic-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-ionic-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-ionic-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-ionic-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-keypad"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-keypad"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-keypad"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-keypad"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-keypad"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-keypad"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-keypad"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-keypad"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-keypad"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-keypad"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-keypad" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-keypad-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-keypad-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-keypad-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-keypad-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-keypad-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-keypad-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-keypad-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-keypad-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-keypad-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-keypad-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-lightbulb"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-lightbulb"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-lightbulb"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-lightbulb"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-lightbulb"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-lightbulb"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-lightbulb"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-lightbulb"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-lightbulb"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-lightbulb"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-lightbulb" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-lightbulb-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-lightbulb-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-lightbulb-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-lightbulb-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-lightbulb-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-lightbulb-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-lightbulb-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-lightbulb-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-lightbulb-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-lightbulb-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-list"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-list"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-list"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-list"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-list"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-list"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-list"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-list"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-list"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-list"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-list" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-list-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-list-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-list-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-list-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-list-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-list-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-list-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-list-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-list-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-list-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-location"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-location"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-location"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-location"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-location"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-location"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-location"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-location"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-location"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-location"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-location" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-location-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-location-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-location-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-location-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-location-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-location-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-location-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-location-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-location-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-location-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-locked"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-locked"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-locked"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-locked"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-locked"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-locked"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-locked"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-locked"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-locked"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-locked"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-locked" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-locked-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-locked-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-locked-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-locked-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-locked-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-locked-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-locked-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-locked-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-locked-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-locked-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-loop"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-loop"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-loop"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-loop"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-loop"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-loop"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-loop"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-loop"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-loop"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-loop"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-loop" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-loop-strong"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-loop-strong"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-loop-strong"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-loop-strong"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-loop-strong"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-loop-strong"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-loop-strong"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-loop-strong"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-loop-strong"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-loop-strong"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-medical"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-medical"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-medical"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-medical"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-medical"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-medical"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-medical"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-medical"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-medical"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-medical"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-medical" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-medical-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-medical-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-medical-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-medical-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-medical-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-medical-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-medical-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-medical-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-medical-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-medical-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-medkit"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-medkit"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-medkit"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-medkit"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-medkit"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-medkit"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-medkit"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-medkit"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-medkit"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-medkit"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-medkit" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-medkit-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-medkit-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-medkit-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-medkit-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-medkit-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-medkit-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-medkit-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-medkit-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-medkit-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-medkit-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-mic"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-mic"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-mic"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-mic"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-mic"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-mic"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-mic"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-mic"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-mic"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-mic"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-mic" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-mic-off"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-mic-off"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-mic-off"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-mic-off"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-mic-off"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-mic-off"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-mic-off"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-mic-off"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-mic-off"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-mic-off"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-mic-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-mic-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-mic-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-mic-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-mic-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-mic-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-mic-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-mic-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-mic-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-mic-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-minus"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-minus"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-minus"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-minus"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-minus"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-minus"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-minus"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-minus"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-minus"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-minus"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-minus" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-minus-empty"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-minus-empty"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-minus-empty"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-minus-empty"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-minus-empty"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-minus-empty"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-minus-empty"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-minus-empty"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-minus-empty"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-minus-empty"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-minus-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-minus-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-minus-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-minus-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-minus-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-minus-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-minus-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-minus-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-minus-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-minus-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-monitor"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-monitor"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-monitor"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-monitor"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-monitor"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-monitor"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-monitor"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-monitor"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-monitor"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-monitor"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-monitor" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-monitor-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-monitor-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-monitor-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-monitor-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-monitor-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-monitor-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-monitor-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-monitor-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-monitor-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-monitor-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-moon"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-moon"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-moon"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-moon"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-moon"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-moon"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-moon"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-moon"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-moon"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-moon"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-moon" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-moon-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-moon-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-moon-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-moon-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-moon-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-moon-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-moon-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-moon-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-moon-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-moon-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-more"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-more"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-more"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-more"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-more"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-more"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-more"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-more"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-more"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-more"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-more" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-more-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-more-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-more-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-more-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-more-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-more-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-more-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-more-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-more-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-more-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-musical-note"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-musical-note"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-musical-note"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-musical-note"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-musical-note"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-musical-note"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-musical-note"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-musical-note"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-musical-note"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-musical-note"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-musical-notes"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-musical-notes"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-musical-notes"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-musical-notes"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-musical-notes"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-musical-notes"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-musical-notes"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-musical-notes"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-musical-notes"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-musical-notes"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-navigate"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-navigate"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-navigate"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-navigate"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-navigate"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-navigate"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-navigate"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-navigate"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-navigate"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-navigate"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-navigate" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-navigate-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-navigate-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-navigate-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-navigate-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-navigate-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-navigate-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-navigate-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-navigate-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-navigate-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-navigate-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-nutrition"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-nutrition"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-nutrition"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-nutrition"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-nutrition"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-nutrition"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-nutrition"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-nutrition"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-nutrition"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-nutrition"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-nutrition" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-nutrition-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-nutrition-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-nutrition-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-nutrition-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-nutrition-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-nutrition-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-nutrition-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-nutrition-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-nutrition-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-nutrition-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-paper"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-paper"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-paper"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-paper"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-paper"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-paper"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-paper"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-paper"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-paper"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-paper"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paper" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-paper-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-paper-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-paper-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-paper-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-paper-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-paper-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-paper-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-paper-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-paper-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-paper-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-paperplane"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-paperplane"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-paperplane"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-paperplane"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-paperplane"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-paperplane"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-paperplane"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-paperplane"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-paperplane"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-paperplane"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paperplane" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-paperplane-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-paperplane-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-paperplane-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-paperplane-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-paperplane-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-paperplane-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-paperplane-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-paperplane-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-paperplane-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-paperplane-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-partlysunny"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-partlysunny"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-partlysunny"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-partlysunny"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-partlysunny"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-partlysunny"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-partlysunny"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-partlysunny"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-partlysunny"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-partlysunny"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-partlysunny" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-partlysunny-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-partlysunny-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-partlysunny-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-partlysunny-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-partlysunny-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-partlysunny-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-partlysunny-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-partlysunny-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-partlysunny-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-partlysunny-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-pause"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-pause"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-pause"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-pause"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-pause"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-pause"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-pause"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-pause"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-pause"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-pause"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pause" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-pause-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-pause-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-pause-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-pause-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-pause-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-pause-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-pause-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-pause-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-pause-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-pause-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-paw"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-paw"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-paw"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-paw"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-paw"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-paw"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-paw"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-paw"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-paw"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-paw"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paw" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-paw-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-paw-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-paw-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-paw-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-paw-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-paw-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-paw-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-paw-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-paw-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-paw-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-people"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-people"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-people"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-people"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-people"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-people"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-people"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-people"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-people"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-people"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-people" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-people-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-people-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-people-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-people-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-people-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-people-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-people-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-people-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-people-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-people-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-person"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-person"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-person"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-person"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-person"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-person"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-person"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-person"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-person"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-person"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-person" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-person-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-person-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-person-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-person-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-person-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-person-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-person-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-person-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-person-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-person-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-personadd"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-personadd"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-personadd"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-personadd"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-personadd"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-personadd"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-personadd"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-personadd"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-personadd"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-personadd"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-personadd" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-personadd-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-personadd-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-personadd-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-personadd-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-personadd-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-personadd-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-personadd-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-personadd-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-personadd-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-personadd-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-photos"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-photos"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-photos"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-photos"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-photos"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-photos"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-photos"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-photos"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-photos"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-photos"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-photos" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-photos-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-photos-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-photos-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-photos-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-photos-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-photos-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-photos-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-photos-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-photos-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-photos-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-pie"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-pie"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-pie"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-pie"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-pie"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-pie"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-pie"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-pie"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-pie"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-pie"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pie" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-pie-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-pie-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-pie-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-pie-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-pie-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-pie-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-pie-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-pie-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-pie-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-pie-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-pint"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-pint"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-pint"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-pint"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-pint"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-pint"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-pint"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-pint"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-pint"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-pint"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pint" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-pint-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-pint-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-pint-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-pint-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-pint-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-pint-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-pint-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-pint-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-pint-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-pint-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-play"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-play"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-play"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-play"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-play"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-play"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-play"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-play"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-play"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-play"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-play" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-play-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-play-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-play-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-play-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-play-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-play-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-play-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-play-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-play-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-play-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-plus"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-plus"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-plus"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-plus"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-plus"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-plus"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-plus"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-plus"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-plus"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-plus"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-plus" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-plus-empty"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-plus-empty"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-plus-empty"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-plus-empty"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-plus-empty"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-plus-empty"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-plus-empty"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-plus-empty"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-plus-empty"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-plus-empty"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-plus-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-plus-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-plus-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-plus-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-plus-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-plus-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-plus-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-plus-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-plus-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-plus-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-pricetag"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-pricetag"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-pricetag"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-pricetag"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-pricetag"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-pricetag"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-pricetag"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-pricetag"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-pricetag"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-pricetag"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pricetag" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-pricetag-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-pricetag-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-pricetag-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-pricetag-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-pricetag-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-pricetag-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-pricetag-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-pricetag-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-pricetag-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-pricetag-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-pricetags"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-pricetags"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-pricetags"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-pricetags"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-pricetags"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-pricetags"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-pricetags"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-pricetags"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-pricetags"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-pricetags"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pricetags" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-pricetags-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-pricetags-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-pricetags-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-pricetags-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-pricetags-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-pricetags-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-pricetags-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-pricetags-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-pricetags-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-pricetags-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-printer"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-printer"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-printer"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-printer"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-printer"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-printer"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-printer"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-printer"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-printer"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-printer"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-printer" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-printer-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-printer-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-printer-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-printer-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-printer-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-printer-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-printer-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-printer-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-printer-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-printer-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-pulse"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-pulse"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-pulse"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-pulse"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-pulse"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-pulse"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-pulse"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-pulse"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-pulse"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-pulse"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pulse" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-pulse-strong"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-pulse-strong"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-pulse-strong"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-pulse-strong"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-pulse-strong"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-pulse-strong"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-pulse-strong"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-pulse-strong"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-pulse-strong"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-pulse-strong"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-rainy"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-rainy"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-rainy"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-rainy"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-rainy"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-rainy"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-rainy"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-rainy"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-rainy"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-rainy"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rainy" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-rainy-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-rainy-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-rainy-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-rainy-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-rainy-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-rainy-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-rainy-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-rainy-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-rainy-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-rainy-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-recording"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-recording"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-recording"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-recording"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-recording"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-recording"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-recording"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-recording"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-recording"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-recording"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-recording" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-recording-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-recording-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-recording-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-recording-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-recording-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-recording-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-recording-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-recording-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-recording-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-recording-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-redo"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-redo"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-redo"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-redo"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-redo"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-redo"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-redo"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-redo"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-redo"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-redo"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-redo" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-redo-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-redo-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-redo-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-redo-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-redo-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-redo-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-redo-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-redo-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-redo-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-redo-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-refresh"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-refresh"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-refresh"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-refresh"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-refresh"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-refresh"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-refresh"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-refresh"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-refresh"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-refresh"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-refresh" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-refresh-empty"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-refresh-empty"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-refresh-empty"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-refresh-empty"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-refresh-empty"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-refresh-empty"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-refresh-empty"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-refresh-empty"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-refresh-empty"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-refresh-empty"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-refresh-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-refresh-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-refresh-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-refresh-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-refresh-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-refresh-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-refresh-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-refresh-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-refresh-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-refresh-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-reload"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-reload"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-reload"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-reload"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-reload"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-reload"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-reload"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-reload"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-reload"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-reload"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-reload" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-reverse-camera"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-reverse-camera"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-reverse-camera"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-reverse-camera"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-reverse-camera"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-reverse-camera"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-reverse-camera"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-reverse-camera"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-reverse-camera"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-reverse-camera"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-reverse-camera-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-reverse-camera-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-reverse-camera-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-reverse-camera-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-reverse-camera-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-reverse-camera-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-reverse-camera-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-reverse-camera-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-reverse-camera-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-reverse-camera-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-rewind"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-rewind"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-rewind"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-rewind"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-rewind"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-rewind"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-rewind"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-rewind"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-rewind"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-rewind"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rewind" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-rewind-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-rewind-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-rewind-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-rewind-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-rewind-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-rewind-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-rewind-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-rewind-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-rewind-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-rewind-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-rose"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-rose"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-rose"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-rose"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-rose"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-rose"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-rose"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-rose"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-rose"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-rose"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rose" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-rose-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-rose-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-rose-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-rose-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-rose-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-rose-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-rose-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-rose-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-rose-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-rose-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-search"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-search"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-search"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-search"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-search"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-search"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-search"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-search"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-search"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-search"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-search" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-search-strong"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-search-strong"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-search-strong"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-search-strong"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-search-strong"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-search-strong"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-search-strong"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-search-strong"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-search-strong"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-search-strong"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-settings"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-settings"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-settings"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-settings"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-settings"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-settings"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-settings"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-settings"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-settings"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-settings"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-settings" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-settings-strong"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-settings-strong"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-settings-strong"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-settings-strong"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-settings-strong"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-settings-strong"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-settings-strong"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-settings-strong"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-settings-strong"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-settings-strong"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-shuffle"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-shuffle"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-shuffle"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-shuffle"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-shuffle"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-shuffle"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-shuffle"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-shuffle"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-shuffle"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-shuffle"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-shuffle" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-shuffle-strong"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-shuffle-strong"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-shuffle-strong"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-shuffle-strong"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-shuffle-strong"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-shuffle-strong"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-shuffle-strong"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-shuffle-strong"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-shuffle-strong"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-shuffle-strong"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-skipbackward"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-skipbackward"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-skipbackward"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-skipbackward"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-skipbackward"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-skipbackward"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-skipbackward"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-skipbackward"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-skipbackward"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-skipbackward"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-skipbackward" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-skipbackward-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-skipbackward-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-skipbackward-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-skipbackward-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-skipbackward-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-skipbackward-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-skipbackward-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-skipbackward-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-skipbackward-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-skipbackward-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-skipforward"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-skipforward"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-skipforward"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-skipforward"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-skipforward"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-skipforward"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-skipforward"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-skipforward"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-skipforward"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-skipforward"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-skipforward" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-skipforward-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-skipforward-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-skipforward-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-skipforward-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-skipforward-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-skipforward-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-skipforward-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-skipforward-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-skipforward-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-skipforward-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-snowy"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-snowy"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-snowy"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-snowy"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-snowy"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-snowy"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-snowy"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-snowy"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-snowy"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-snowy"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-snowy" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-speedometer"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-speedometer"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-speedometer"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-speedometer"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-speedometer"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-speedometer"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-speedometer"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-speedometer"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-speedometer"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-speedometer"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-speedometer" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-speedometer-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-speedometer-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-speedometer-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-speedometer-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-speedometer-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-speedometer-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-speedometer-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-speedometer-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-speedometer-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-speedometer-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-star"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-star"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-star"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-star"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-star"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-star"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-star"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-star"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-star"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-star"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-star" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-star-half"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-star-half"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-star-half"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-star-half"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-star-half"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-star-half"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-star-half"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-star-half"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-star-half"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-star-half"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-star-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-star-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-star-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-star-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-star-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-star-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-star-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-star-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-star-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-star-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-stopwatch"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-stopwatch"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-stopwatch"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-stopwatch"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-stopwatch"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-stopwatch"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-stopwatch"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-stopwatch"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-stopwatch"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-stopwatch"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-stopwatch" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-stopwatch-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-stopwatch-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-stopwatch-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-stopwatch-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-stopwatch-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-stopwatch-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-stopwatch-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-stopwatch-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-stopwatch-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-stopwatch-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-sunny"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-sunny"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-sunny"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-sunny"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-sunny"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-sunny"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-sunny"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-sunny"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-sunny"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-sunny"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-sunny" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-sunny-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-sunny-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-sunny-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-sunny-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-sunny-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-sunny-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-sunny-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-sunny-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-sunny-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-sunny-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-telephone"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-telephone"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-telephone"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-telephone"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-telephone"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-telephone"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-telephone"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-telephone"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-telephone"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-telephone"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-telephone" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-telephone-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-telephone-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-telephone-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-telephone-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-telephone-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-telephone-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-telephone-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-telephone-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-telephone-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-telephone-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-tennisball"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-tennisball"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-tennisball"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-tennisball"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-tennisball"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-tennisball"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-tennisball"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-tennisball"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-tennisball"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-tennisball"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-tennisball" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-tennisball-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-tennisball-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-tennisball-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-tennisball-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-tennisball-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-tennisball-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-tennisball-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-tennisball-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-tennisball-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-tennisball-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-thunderstorm"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-thunderstorm"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-thunderstorm"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-thunderstorm"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-thunderstorm"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-thunderstorm"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-thunderstorm"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-thunderstorm"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-thunderstorm"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-thunderstorm"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-thunderstorm" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-thunderstorm-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-thunderstorm-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-thunderstorm-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-thunderstorm-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-thunderstorm-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-thunderstorm-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-thunderstorm-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-thunderstorm-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-thunderstorm-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-thunderstorm-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-time"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-time"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-time"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-time"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-time"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-time"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-time"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-time"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-time"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-time"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-time" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-time-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-time-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-time-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-time-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-time-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-time-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-time-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-time-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-time-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-time-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-timer"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-timer"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-timer"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-timer"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-timer"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-timer"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-timer"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-timer"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-timer"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-timer"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-timer" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-timer-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-timer-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-timer-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-timer-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-timer-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-timer-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-timer-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-timer-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-timer-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-timer-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-toggle"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-toggle"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-toggle"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-toggle"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-toggle"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-toggle"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-toggle"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-toggle"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-toggle"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-toggle"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-toggle" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-toggle-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-toggle-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-toggle-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-toggle-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-toggle-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-toggle-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-toggle-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-toggle-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-toggle-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-toggle-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-trash"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-trash"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-trash"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-trash"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-trash"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-trash"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-trash"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-trash"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-trash"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-trash"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-trash" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-trash-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-trash-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-trash-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-trash-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-trash-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-trash-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-trash-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-trash-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-trash-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-trash-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-undo"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-undo"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-undo"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-undo"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-undo"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-undo"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-undo"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-undo"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-undo"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-undo"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-undo" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-undo-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-undo-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-undo-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-undo-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-undo-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-undo-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-undo-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-undo-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-undo-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-undo-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-unlocked"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-unlocked"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-unlocked"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-unlocked"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-unlocked"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-unlocked"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-unlocked"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-unlocked"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-unlocked"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-unlocked"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-unlocked" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-unlocked-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-unlocked-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-unlocked-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-unlocked-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-unlocked-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-unlocked-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-unlocked-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-unlocked-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-unlocked-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-unlocked-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-upload"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-upload"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-upload"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-upload"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-upload"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-upload"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-upload"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-upload"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-upload"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-upload"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-upload" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-upload-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-upload-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-upload-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-upload-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-upload-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-upload-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-upload-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-upload-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-upload-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-upload-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-videocam"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-videocam"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-videocam"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-videocam"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-videocam"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-videocam"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-videocam"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-videocam"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-videocam"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-videocam"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-videocam" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-videocam-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-videocam-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-videocam-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-videocam-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-videocam-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-videocam-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-videocam-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-videocam-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-videocam-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-videocam-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-volume-high"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-volume-high"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-volume-high"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-volume-high"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-volume-high"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-volume-high"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-volume-high"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-volume-high"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-volume-high"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-volume-high"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-volume-low"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-volume-low"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-volume-low"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-volume-low"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-volume-low"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-volume-low"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-volume-low"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-volume-low"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-volume-low"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-volume-low"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-wineglass"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-wineglass"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-wineglass"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-wineglass"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-wineglass"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-wineglass"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-wineglass"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-wineglass"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-wineglass"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-wineglass"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-wineglass" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-wineglass-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-wineglass-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-wineglass-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-wineglass-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-wineglass-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-wineglass-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-wineglass-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-wineglass-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-wineglass-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-wineglass-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-world"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-world"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-world"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-world"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-world"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-world"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-world"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-world"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-world"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-world"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-world" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ios-world-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ios-world-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ios-world-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ios-world-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ios-world-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ios-world-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ios-world-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ios-world-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ios-world-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ios-world-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ipad"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ipad"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ipad"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ipad"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ipad"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ipad"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ipad"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ipad"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ipad"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ipad"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ipad" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-iphone"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-iphone"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-iphone"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-iphone"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-iphone"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-iphone"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-iphone"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-iphone"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-iphone"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-iphone"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-iphone" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ipod"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ipod"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ipod"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ipod"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ipod"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ipod"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ipod"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ipod"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ipod"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ipod"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ipod" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-jet"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-jet"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-jet"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-jet"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-jet"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-jet"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-jet"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-jet"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-jet"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-jet"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-jet" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-key"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-key"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-key"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-key"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-key"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-key"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-key"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-key"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-key"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-key"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-key" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-knife"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-knife"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-knife"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-knife"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-knife"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-knife"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-knife"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-knife"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-knife"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-knife"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-knife" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-laptop"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-laptop"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-laptop"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-laptop"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-laptop"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-laptop"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-laptop"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-laptop"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-laptop"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-laptop"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-laptop" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-leaf"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-leaf"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-leaf"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-leaf"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-leaf"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-leaf"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-leaf"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-leaf"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-leaf"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-leaf"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-leaf" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-levels"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-levels"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-levels"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-levels"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-levels"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-levels"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-levels"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-levels"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-levels"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-levels"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-levels" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-lightbulb"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-lightbulb"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-lightbulb"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-lightbulb"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-lightbulb"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-lightbulb"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-lightbulb"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-lightbulb"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-lightbulb"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-lightbulb"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-lightbulb" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-link"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-link"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-link"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-link"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-link"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-link"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-link"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-link"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-link"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-link"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-link" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-load-a"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-load-a"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-load-a"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-load-a"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-load-a"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-load-a"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-load-a"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-load-a"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-load-a"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-load-a"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-load-a" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-load-b"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-load-b"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-load-b"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-load-b"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-load-b"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-load-b"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-load-b"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-load-b"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-load-b"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-load-b"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-load-b" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-load-c"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-load-c"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-load-c"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-load-c"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-load-c"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-load-c"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-load-c"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-load-c"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-load-c"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-load-c"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-load-c" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-load-d"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-load-d"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-load-d"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-load-d"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-load-d"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-load-d"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-load-d"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-load-d"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-load-d"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-load-d"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-load-d" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-location"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-location"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-location"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-location"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-location"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-location"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-location"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-location"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-location"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-location"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-location" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-lock-combination"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-lock-combination"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-lock-combination"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-lock-combination"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-lock-combination"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-lock-combination"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-lock-combination"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-lock-combination"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-lock-combination"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-lock-combination"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-lock-combination" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-locked"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-locked"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-locked"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-locked"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-locked"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-locked"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-locked"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-locked"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-locked"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-locked"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-locked" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-log-in"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-log-in"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-log-in"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-log-in"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-log-in"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-log-in"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-log-in"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-log-in"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-log-in"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-log-in"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-log-in" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-log-out"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-log-out"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-log-out"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-log-out"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-log-out"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-log-out"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-log-out"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-log-out"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-log-out"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-log-out"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-log-out" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-loop"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-loop"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-loop"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-loop"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-loop"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-loop"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-loop"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-loop"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-loop"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-loop"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-loop" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-magnet"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-magnet"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-magnet"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-magnet"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-magnet"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-magnet"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-magnet"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-magnet"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-magnet"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-magnet"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-magnet" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-male"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-male"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-male"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-male"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-male"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-male"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-male"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-male"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-male"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-male"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-male" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-man"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-man"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-man"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-man"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-man"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-man"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-man"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-man"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-man"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-man"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-man" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-map"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-map"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-map"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-map"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-map"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-map"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-map"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-map"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-map"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-map"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-map" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-medkit"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-medkit"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-medkit"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-medkit"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-medkit"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-medkit"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-medkit"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-medkit"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-medkit"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-medkit"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-medkit" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-merge"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-merge"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-merge"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-merge"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-merge"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-merge"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-merge"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-merge"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-merge"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-merge"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-merge" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-mic-a"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-mic-a"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-mic-a"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-mic-a"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-mic-a"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-mic-a"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-mic-a"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-mic-a"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-mic-a"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-mic-a"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-mic-a" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-mic-b"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-mic-b"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-mic-b"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-mic-b"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-mic-b"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-mic-b"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-mic-b"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-mic-b"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-mic-b"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-mic-b"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-mic-b" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-mic-c"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-mic-c"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-mic-c"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-mic-c"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-mic-c"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-mic-c"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-mic-c"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-mic-c"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-mic-c"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-mic-c"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-mic-c" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-minus"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-minus"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-minus"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-minus"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-minus"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-minus"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-minus"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-minus"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-minus"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-minus"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-minus" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-minus-circled"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-minus-circled"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-minus-circled"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-minus-circled"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-minus-circled"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-minus-circled"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-minus-circled"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-minus-circled"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-minus-circled"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-minus-circled"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-minus-circled" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-minus-round"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-minus-round"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-minus-round"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-minus-round"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-minus-round"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-minus-round"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-minus-round"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-minus-round"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-minus-round"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-minus-round"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-minus-round" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-model-s"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-model-s"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-model-s"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-model-s"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-model-s"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-model-s"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-model-s"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-model-s"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-model-s"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-model-s"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-model-s" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-monitor"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-monitor"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-monitor"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-monitor"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-monitor"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-monitor"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-monitor"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-monitor"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-monitor"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-monitor"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-monitor" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-more"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-more"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-more"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-more"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-more"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-more"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-more"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-more"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-more"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-more"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-more" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-mouse"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-mouse"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-mouse"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-mouse"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-mouse"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-mouse"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-mouse"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-mouse"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-mouse"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-mouse"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-mouse" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-music-note"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-music-note"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-music-note"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-music-note"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-music-note"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-music-note"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-music-note"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-music-note"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-music-note"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-music-note"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-music-note" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-navicon"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-navicon"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-navicon"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-navicon"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-navicon"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-navicon"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-navicon"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-navicon"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-navicon"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-navicon"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-navicon" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-navicon-round"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-navicon-round"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-navicon-round"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-navicon-round"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-navicon-round"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-navicon-round"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-navicon-round"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-navicon-round"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-navicon-round"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-navicon-round"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-navicon-round" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-navigate"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-navigate"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-navigate"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-navigate"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-navigate"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-navigate"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-navigate"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-navigate"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-navigate"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-navigate"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-navigate" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-network"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-network"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-network"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-network"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-network"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-network"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-network"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-network"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-network"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-network"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-network" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-no-smoking"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-no-smoking"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-no-smoking"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-no-smoking"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-no-smoking"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-no-smoking"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-no-smoking"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-no-smoking"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-no-smoking"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-no-smoking"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-no-smoking" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-nuclear"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-nuclear"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-nuclear"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-nuclear"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-nuclear"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-nuclear"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-nuclear"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-nuclear"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-nuclear"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-nuclear"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-nuclear" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-outlet"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-outlet"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-outlet"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-outlet"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-outlet"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-outlet"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-outlet"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-outlet"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-outlet"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-outlet"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-outlet" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-paintbrush"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-paintbrush"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-paintbrush"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-paintbrush"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-paintbrush"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-paintbrush"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-paintbrush"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-paintbrush"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-paintbrush"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-paintbrush"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-paintbrush" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-paintbucket"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-paintbucket"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-paintbucket"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-paintbucket"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-paintbucket"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-paintbucket"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-paintbucket"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-paintbucket"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-paintbucket"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-paintbucket"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-paintbucket" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-paper-airplane"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-paper-airplane"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-paper-airplane"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-paper-airplane"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-paper-airplane"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-paper-airplane"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-paper-airplane"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-paper-airplane"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-paper-airplane"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-paper-airplane"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-paper-airplane" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-paperclip"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-paperclip"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-paperclip"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-paperclip"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-paperclip"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-paperclip"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-paperclip"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-paperclip"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-paperclip"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-paperclip"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-paperclip" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-pause"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-pause"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-pause"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-pause"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-pause"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-pause"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-pause"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-pause"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-pause"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-pause"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pause" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-person"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-person"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-person"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-person"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-person"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-person"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-person"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-person"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-person"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-person"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-person" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-person-add"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-person-add"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-person-add"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-person-add"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-person-add"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-person-add"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-person-add"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-person-add"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-person-add"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-person-add"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-person-add" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-person-stalker"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-person-stalker"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-person-stalker"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-person-stalker"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-person-stalker"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-person-stalker"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-person-stalker"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-person-stalker"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-person-stalker"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-person-stalker"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-person-stalker" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-pie-graph"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-pie-graph"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-pie-graph"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-pie-graph"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-pie-graph"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-pie-graph"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-pie-graph"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-pie-graph"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-pie-graph"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-pie-graph"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pie-graph" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-pin"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-pin"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-pin"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-pin"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-pin"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-pin"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-pin"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-pin"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-pin"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-pin"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pin" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-pinpoint"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-pinpoint"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-pinpoint"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-pinpoint"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-pinpoint"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-pinpoint"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-pinpoint"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-pinpoint"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-pinpoint"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-pinpoint"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pinpoint" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-pizza"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-pizza"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-pizza"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-pizza"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-pizza"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-pizza"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-pizza"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-pizza"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-pizza"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-pizza"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pizza" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-plane"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-plane"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-plane"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-plane"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-plane"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-plane"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-plane"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-plane"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-plane"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-plane"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-plane" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-planet"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-planet"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-planet"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-planet"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-planet"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-planet"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-planet"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-planet"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-planet"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-planet"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-planet" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-play"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-play"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-play"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-play"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-play"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-play"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-play"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-play"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-play"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-play"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-play" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-playstation"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-playstation"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-playstation"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-playstation"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-playstation"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-playstation"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-playstation"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-playstation"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-playstation"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-playstation"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-playstation" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-plus"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-plus"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-plus"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-plus"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-plus"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-plus"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-plus"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-plus"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-plus"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-plus"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-plus" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-plus-circled"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-plus-circled"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-plus-circled"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-plus-circled"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-plus-circled"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-plus-circled"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-plus-circled"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-plus-circled"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-plus-circled"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-plus-circled"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-plus-circled" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-plus-round"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-plus-round"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-plus-round"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-plus-round"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-plus-round"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-plus-round"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-plus-round"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-plus-round"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-plus-round"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-plus-round"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-plus-round" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-podium"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-podium"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-podium"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-podium"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-podium"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-podium"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-podium"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-podium"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-podium"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-podium"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-podium" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-pound"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-pound"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-pound"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-pound"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-pound"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-pound"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-pound"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-pound"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-pound"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-pound"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pound" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-power"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-power"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-power"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-power"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-power"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-power"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-power"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-power"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-power"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-power"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-power" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-pricetag"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-pricetag"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-pricetag"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-pricetag"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-pricetag"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-pricetag"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-pricetag"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-pricetag"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-pricetag"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-pricetag"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pricetag" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-pricetags"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-pricetags"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-pricetags"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-pricetags"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-pricetags"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-pricetags"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-pricetags"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-pricetags"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-pricetags"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-pricetags"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pricetags" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-printer"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-printer"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-printer"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-printer"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-printer"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-printer"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-printer"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-printer"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-printer"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-printer"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-printer" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-pull-request"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-pull-request"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-pull-request"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-pull-request"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-pull-request"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-pull-request"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-pull-request"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-pull-request"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-pull-request"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-pull-request"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pull-request" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-qr-scanner"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-qr-scanner"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-qr-scanner"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-qr-scanner"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-qr-scanner"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-qr-scanner"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-qr-scanner"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-qr-scanner"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-qr-scanner"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-qr-scanner"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-qr-scanner" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-quote"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-quote"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-quote"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-quote"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-quote"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-quote"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-quote"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-quote"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-quote"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-quote"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-quote" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-radio-waves"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-radio-waves"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-radio-waves"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-radio-waves"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-radio-waves"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-radio-waves"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-radio-waves"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-radio-waves"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-radio-waves"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-radio-waves"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-radio-waves" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-record"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-record"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-record"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-record"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-record"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-record"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-record"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-record"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-record"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-record"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-record" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-refresh"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-refresh"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-refresh"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-refresh"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-refresh"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-refresh"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-refresh"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-refresh"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-refresh"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-refresh"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-refresh" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-reply"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-reply"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-reply"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-reply"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-reply"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-reply"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-reply"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-reply"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-reply"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-reply"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-reply" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-reply-all"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-reply-all"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-reply-all"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-reply-all"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-reply-all"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-reply-all"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-reply-all"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-reply-all"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-reply-all"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-reply-all"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-reply-all" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ribbon-a"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ribbon-a"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ribbon-a"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ribbon-a"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ribbon-a"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ribbon-a"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ribbon-a"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ribbon-a"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ribbon-a"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ribbon-a"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ribbon-a" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-ribbon-b"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-ribbon-b"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-ribbon-b"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-ribbon-b"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-ribbon-b"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-ribbon-b"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-ribbon-b"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-ribbon-b"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-ribbon-b"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-ribbon-b"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ribbon-b" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-sad"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-sad"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-sad"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-sad"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-sad"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-sad"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-sad"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-sad"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-sad"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-sad"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-sad" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-sad-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-sad-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-sad-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-sad-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-sad-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-sad-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-sad-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-sad-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-sad-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-sad-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-sad-outline" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-scissors"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-scissors"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-scissors"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-scissors"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-scissors"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-scissors"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-scissors"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-scissors"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-scissors"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-scissors"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-scissors" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-search"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-search"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-search"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-search"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-search"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-search"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-search"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-search"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-search"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-search"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-search" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-settings"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-settings"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-settings"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-settings"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-settings"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-settings"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-settings"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-settings"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-settings"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-settings"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-settings" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-share"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-share"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-share"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-share"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-share"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-share"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-share"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-share"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-share"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-share"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-share" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-shuffle"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-shuffle"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-shuffle"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-shuffle"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-shuffle"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-shuffle"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-shuffle"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-shuffle"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-shuffle"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-shuffle"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-shuffle" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-skip-backward"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-skip-backward"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-skip-backward"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-skip-backward"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-skip-backward"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-skip-backward"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-skip-backward"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-skip-backward"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-skip-backward"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-skip-backward"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-skip-backward" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-skip-forward"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-skip-forward"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-skip-forward"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-skip-forward"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-skip-forward"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-skip-forward"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-skip-forward"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-skip-forward"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-skip-forward"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-skip-forward"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-skip-forward" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-android"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-android"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-android"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-android"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-android"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-android"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-android"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-android"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-android"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-android"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-android" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-android-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-android-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-android-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-android-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-android-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-android-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-android-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-android-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-android-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-android-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-angular"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-angular"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-angular"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-angular"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-angular"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-angular"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-angular"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-angular"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-angular"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-angular"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-angular" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-angular-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-angular-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-angular-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-angular-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-angular-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-angular-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-angular-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-angular-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-angular-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-angular-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-apple"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-apple"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-apple"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-apple"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-apple"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-apple"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-apple"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-apple"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-apple"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-apple"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-apple" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-apple-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-apple-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-apple-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-apple-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-apple-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-apple-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-apple-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-apple-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-apple-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-apple-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-bitcoin"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-bitcoin"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-bitcoin"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-bitcoin"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-bitcoin"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-bitcoin"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-bitcoin"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-bitcoin"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-bitcoin"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-bitcoin"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-bitcoin" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-bitcoin-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-bitcoin-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-bitcoin-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-bitcoin-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-bitcoin-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-bitcoin-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-bitcoin-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-bitcoin-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-bitcoin-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-bitcoin-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-buffer"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-buffer"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-buffer"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-buffer"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-buffer"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-buffer"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-buffer"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-buffer"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-buffer"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-buffer"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-buffer" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-buffer-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-buffer-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-buffer-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-buffer-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-buffer-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-buffer-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-buffer-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-buffer-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-buffer-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-buffer-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-chrome"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-chrome"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-chrome"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-chrome"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-chrome"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-chrome"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-chrome"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-chrome"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-chrome"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-chrome"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-chrome" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-chrome-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-chrome-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-chrome-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-chrome-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-chrome-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-chrome-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-chrome-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-chrome-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-chrome-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-chrome-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-codepen"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-codepen"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-codepen"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-codepen"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-codepen"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-codepen"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-codepen"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-codepen"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-codepen"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-codepen"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-codepen" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-codepen-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-codepen-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-codepen-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-codepen-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-codepen-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-codepen-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-codepen-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-codepen-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-codepen-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-codepen-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-css3"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-css3"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-css3"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-css3"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-css3"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-css3"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-css3"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-css3"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-css3"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-css3"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-css3" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-css3-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-css3-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-css3-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-css3-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-css3-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-css3-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-css3-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-css3-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-css3-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-css3-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-designernews"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-designernews"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-designernews"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-designernews"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-designernews"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-designernews"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-designernews"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-designernews"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-designernews"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-designernews"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-designernews" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-designernews-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-designernews-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-designernews-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-designernews-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-designernews-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-designernews-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-designernews-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-designernews-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-designernews-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-designernews-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-dribbble"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-dribbble"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-dribbble"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-dribbble"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-dribbble"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-dribbble"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-dribbble"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-dribbble"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-dribbble"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-dribbble"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-dribbble" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-dribbble-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-dribbble-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-dribbble-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-dribbble-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-dribbble-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-dribbble-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-dribbble-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-dribbble-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-dribbble-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-dribbble-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-dropbox"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-dropbox"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-dropbox"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-dropbox"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-dropbox"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-dropbox"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-dropbox"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-dropbox"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-dropbox"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-dropbox"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-dropbox" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-dropbox-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-dropbox-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-dropbox-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-dropbox-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-dropbox-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-dropbox-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-dropbox-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-dropbox-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-dropbox-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-dropbox-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-euro"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-euro"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-euro"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-euro"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-euro"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-euro"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-euro"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-euro"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-euro"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-euro"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-euro" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-euro-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-euro-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-euro-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-euro-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-euro-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-euro-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-euro-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-euro-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-euro-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-euro-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-facebook"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-facebook"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-facebook"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-facebook"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-facebook"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-facebook"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-facebook"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-facebook"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-facebook"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-facebook"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-facebook" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-facebook-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-facebook-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-facebook-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-facebook-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-facebook-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-facebook-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-facebook-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-facebook-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-facebook-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-facebook-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-foursquare"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-foursquare"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-foursquare"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-foursquare"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-foursquare"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-foursquare"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-foursquare"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-foursquare"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-foursquare"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-foursquare"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-foursquare" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-foursquare-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-foursquare-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-foursquare-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-foursquare-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-foursquare-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-foursquare-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-foursquare-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-foursquare-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-foursquare-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-foursquare-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-freebsd-devil"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-freebsd-devil"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-freebsd-devil"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-freebsd-devil"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-freebsd-devil"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-freebsd-devil"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-freebsd-devil"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-freebsd-devil"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-freebsd-devil"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-freebsd-devil"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-github"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-github"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-github"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-github"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-github"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-github"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-github"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-github"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-github"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-github"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-github" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-github-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-github-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-github-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-github-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-github-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-github-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-github-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-github-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-github-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-github-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-google"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-google"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-google"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-google"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-google"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-google"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-google"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-google"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-google"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-google"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-google" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-google-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-google-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-google-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-google-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-google-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-google-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-google-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-google-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-google-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-google-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-googleplus"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-googleplus"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-googleplus"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-googleplus"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-googleplus"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-googleplus"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-googleplus"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-googleplus"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-googleplus"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-googleplus"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-googleplus" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-googleplus-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-googleplus-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-googleplus-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-googleplus-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-googleplus-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-googleplus-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-googleplus-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-googleplus-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-googleplus-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-googleplus-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-hackernews"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-hackernews"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-hackernews"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-hackernews"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-hackernews"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-hackernews"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-hackernews"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-hackernews"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-hackernews"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-hackernews"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-hackernews" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-hackernews-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-hackernews-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-hackernews-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-hackernews-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-hackernews-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-hackernews-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-hackernews-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-hackernews-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-hackernews-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-hackernews-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-html5"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-html5"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-html5"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-html5"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-html5"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-html5"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-html5"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-html5"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-html5"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-html5"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-html5" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-html5-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-html5-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-html5-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-html5-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-html5-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-html5-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-html5-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-html5-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-html5-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-html5-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-instagram"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-instagram"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-instagram"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-instagram"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-instagram"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-instagram"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-instagram"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-instagram"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-instagram"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-instagram"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-instagram" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-instagram-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-instagram-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-instagram-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-instagram-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-instagram-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-instagram-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-instagram-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-instagram-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-instagram-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-instagram-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-javascript"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-javascript"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-javascript"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-javascript"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-javascript"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-javascript"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-javascript"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-javascript"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-javascript"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-javascript"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-javascript" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-javascript-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-javascript-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-javascript-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-javascript-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-javascript-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-javascript-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-javascript-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-javascript-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-javascript-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-javascript-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-linkedin"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-linkedin"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-linkedin"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-linkedin"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-linkedin"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-linkedin"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-linkedin"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-linkedin"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-linkedin"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-linkedin"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-linkedin" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-linkedin-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-linkedin-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-linkedin-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-linkedin-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-linkedin-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-linkedin-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-linkedin-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-linkedin-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-linkedin-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-linkedin-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-markdown"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-markdown"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-markdown"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-markdown"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-markdown"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-markdown"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-markdown"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-markdown"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-markdown"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-markdown"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-markdown" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-nodejs"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-nodejs"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-nodejs"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-nodejs"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-nodejs"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-nodejs"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-nodejs"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-nodejs"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-nodejs"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-nodejs"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-nodejs" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-octocat"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-octocat"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-octocat"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-octocat"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-octocat"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-octocat"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-octocat"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-octocat"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-octocat"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-octocat"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-octocat" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-pinterest"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-pinterest"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-pinterest"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-pinterest"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-pinterest"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-pinterest"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-pinterest"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-pinterest"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-pinterest"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-pinterest"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-pinterest" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-pinterest-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-pinterest-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-pinterest-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-pinterest-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-pinterest-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-pinterest-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-pinterest-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-pinterest-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-pinterest-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-pinterest-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-python"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-python"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-python"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-python"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-python"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-python"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-python"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-python"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-python"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-python"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-python" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-reddit"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-reddit"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-reddit"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-reddit"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-reddit"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-reddit"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-reddit"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-reddit"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-reddit"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-reddit"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-reddit" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-reddit-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-reddit-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-reddit-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-reddit-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-reddit-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-reddit-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-reddit-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-reddit-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-reddit-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-reddit-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-rss"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-rss"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-rss"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-rss"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-rss"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-rss"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-rss"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-rss"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-rss"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-rss"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-rss" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-rss-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-rss-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-rss-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-rss-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-rss-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-rss-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-rss-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-rss-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-rss-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-rss-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-sass"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-sass"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-sass"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-sass"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-sass"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-sass"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-sass"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-sass"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-sass"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-sass"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-sass" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-skype"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-skype"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-skype"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-skype"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-skype"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-skype"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-skype"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-skype"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-skype"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-skype"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-skype" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-skype-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-skype-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-skype-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-skype-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-skype-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-skype-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-skype-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-skype-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-skype-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-skype-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-snapchat"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-snapchat"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-snapchat"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-snapchat"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-snapchat"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-snapchat"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-snapchat"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-snapchat"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-snapchat"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-snapchat"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-snapchat" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-snapchat-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-snapchat-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-snapchat-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-snapchat-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-snapchat-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-snapchat-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-snapchat-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-snapchat-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-snapchat-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-snapchat-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-tumblr"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-tumblr"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-tumblr"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-tumblr"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-tumblr"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-tumblr"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-tumblr"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-tumblr"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-tumblr"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-tumblr"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-tumblr" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-tumblr-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-tumblr-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-tumblr-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-tumblr-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-tumblr-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-tumblr-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-tumblr-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-tumblr-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-tumblr-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-tumblr-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-tux"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-tux"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-tux"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-tux"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-tux"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-tux"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-tux"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-tux"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-tux"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-tux"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-tux" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-twitch"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-twitch"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-twitch"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-twitch"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-twitch"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-twitch"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-twitch"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-twitch"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-twitch"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-twitch"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-twitch" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-twitch-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-twitch-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-twitch-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-twitch-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-twitch-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-twitch-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-twitch-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-twitch-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-twitch-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-twitch-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-twitter"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-twitter"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-twitter"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-twitter"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-twitter"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-twitter"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-twitter"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-twitter"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-twitter"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-twitter"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-twitter" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-twitter-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-twitter-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-twitter-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-twitter-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-twitter-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-twitter-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-twitter-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-twitter-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-twitter-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-twitter-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-usd"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-usd"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-usd"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-usd"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-usd"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-usd"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-usd"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-usd"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-usd"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-usd"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-usd" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-usd-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-usd-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-usd-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-usd-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-usd-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-usd-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-usd-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-usd-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-usd-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-usd-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-vimeo"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-vimeo"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-vimeo"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-vimeo"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-vimeo"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-vimeo"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-vimeo"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-vimeo"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-vimeo"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-vimeo"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-vimeo" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-vimeo-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-vimeo-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-vimeo-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-vimeo-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-vimeo-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-vimeo-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-vimeo-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-vimeo-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-vimeo-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-vimeo-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-whatsapp"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-whatsapp"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-whatsapp"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-whatsapp"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-whatsapp"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-whatsapp"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-whatsapp"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-whatsapp"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-whatsapp"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-whatsapp"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-whatsapp" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-whatsapp-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-whatsapp-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-whatsapp-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-whatsapp-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-whatsapp-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-whatsapp-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-whatsapp-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-whatsapp-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-whatsapp-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-whatsapp-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-windows"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-windows"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-windows"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-windows"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-windows"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-windows"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-windows"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-windows"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-windows"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-windows"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-windows" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-windows-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-windows-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-windows-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-windows-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-windows-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-windows-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-windows-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-windows-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-windows-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-windows-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-wordpress"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-wordpress"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-wordpress"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-wordpress"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-wordpress"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-wordpress"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-wordpress"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-wordpress"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-wordpress"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-wordpress"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-wordpress" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-wordpress-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-wordpress-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-wordpress-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-wordpress-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-wordpress-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-wordpress-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-wordpress-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-wordpress-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-wordpress-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-wordpress-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-yahoo"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-yahoo"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-yahoo"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-yahoo"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-yahoo"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-yahoo"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-yahoo"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-yahoo"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-yahoo"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-yahoo"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-yahoo" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-yahoo-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-yahoo-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-yahoo-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-yahoo-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-yahoo-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-yahoo-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-yahoo-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-yahoo-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-yahoo-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-yahoo-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-yen"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-yen"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-yen"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-yen"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-yen"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-yen"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-yen"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-yen"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-yen"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-yen"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-yen" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-yen-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-yen-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-yen-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-yen-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-yen-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-yen-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-yen-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-yen-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-yen-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-yen-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-youtube"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-youtube"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-youtube"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-youtube"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-youtube"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-youtube"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-youtube"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-youtube"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-youtube"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-youtube"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-youtube" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-social-youtube-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-social-youtube-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-social-youtube-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-social-youtube-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-social-youtube-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-social-youtube-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-social-youtube-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-social-youtube-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-social-youtube-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-social-youtube-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-soup-can"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-soup-can"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-soup-can"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-soup-can"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-soup-can"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-soup-can"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-soup-can"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-soup-can"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-soup-can"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-soup-can"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-soup-can" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-soup-can-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-soup-can-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-soup-can-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-soup-can-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-soup-can-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-soup-can-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-soup-can-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-soup-can-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-soup-can-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-soup-can-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></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>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-speakerphone"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-speakerphone"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-speakerphone"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-speakerphone"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-speakerphone"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-speakerphone"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-speakerphone"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-speakerphone"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-speakerphone"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-speakerphone"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-speakerphone" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-speedometer"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-speedometer"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-speedometer"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-speedometer"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-speedometer"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-speedometer"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-speedometer"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-speedometer"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-speedometer"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-speedometer"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-speedometer" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-spoon"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-spoon"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-spoon"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-spoon"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-spoon"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-spoon"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-spoon"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-spoon"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-spoon"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-spoon"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-spoon" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-star"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-star"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-star"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-star"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-star"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-star"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-star"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-star"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-star"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-star"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-star" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-stats-bars"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-stats-bars"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-stats-bars"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-stats-bars"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-stats-bars"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-stats-bars"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-stats-bars"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-stats-bars"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-stats-bars"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-stats-bars"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-stats-bars" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-steam"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-steam"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-steam"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-steam"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-steam"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-steam"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-steam"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-steam"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-steam"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-steam"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-steam" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-stop"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-stop"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-stop"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-stop"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-stop"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-stop"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-stop"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-stop"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-stop"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-stop"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-stop" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-thermometer"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-thermometer"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-thermometer"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-thermometer"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-thermometer"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-thermometer"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-thermometer"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-thermometer"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-thermometer"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-thermometer"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-thermometer" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-thumbsdown"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-thumbsdown"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-thumbsdown"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-thumbsdown"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-thumbsdown"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-thumbsdown"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-thumbsdown"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-thumbsdown"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-thumbsdown"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-thumbsdown"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-thumbsdown" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-thumbsup"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-thumbsup"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-thumbsup"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-thumbsup"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-thumbsup"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-thumbsup"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-thumbsup"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-thumbsup"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-thumbsup"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-thumbsup"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-thumbsup" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-toggle"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-toggle"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-toggle"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-toggle"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-toggle"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-toggle"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-toggle"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-toggle"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-toggle"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-toggle"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-toggle" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-toggle-filled"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-toggle-filled"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-toggle-filled"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-toggle-filled"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-toggle-filled"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-toggle-filled"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-toggle-filled"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-toggle-filled"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-toggle-filled"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-toggle-filled"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-toggle-filled" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-transgender"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-transgender"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-transgender"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-transgender"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-transgender"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-transgender"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-transgender"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-transgender"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-transgender"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-transgender"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-transgender" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-trash-a"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-trash-a"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-trash-a"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-trash-a"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-trash-a"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-trash-a"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-trash-a"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-trash-a"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-trash-a"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-trash-a"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-trash-a" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-trash-b"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-trash-b"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-trash-b"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-trash-b"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-trash-b"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-trash-b"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-trash-b"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-trash-b"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-trash-b"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-trash-b"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-trash-b" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-trophy"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-trophy"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-trophy"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-trophy"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-trophy"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-trophy"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-trophy"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-trophy"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-trophy"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-trophy"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-trophy" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-tshirt"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-tshirt"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-tshirt"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-tshirt"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-tshirt"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-tshirt"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-tshirt"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-tshirt"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-tshirt"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-tshirt"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-tshirt" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-tshirt-outline"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-tshirt-outline"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-tshirt-outline"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-tshirt-outline"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-tshirt-outline"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-tshirt-outline"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-tshirt-outline"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-tshirt-outline"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-tshirt-outline"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-tshirt-outline"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-tshirt-outline" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-umbrella"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-umbrella"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-umbrella"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-umbrella"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-umbrella"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-umbrella"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-umbrella"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-umbrella"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-umbrella"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-umbrella"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-umbrella" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-university"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-university"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-university"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-university"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-university"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-university"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-university"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-university"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-university"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-university"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-university" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-unlocked"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-unlocked"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-unlocked"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-unlocked"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-unlocked"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-unlocked"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-unlocked"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-unlocked"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-unlocked"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-unlocked"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-unlocked" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-upload"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-upload"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-upload"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-upload"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-upload"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-upload"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-upload"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-upload"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-upload"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-upload"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-upload" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-usb"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-usb"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-usb"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-usb"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-usb"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-usb"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-usb"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-usb"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-usb"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-usb"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-usb" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-videocamera"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-videocamera"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-videocamera"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-videocamera"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-videocamera"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-videocamera"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-videocamera"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-videocamera"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-videocamera"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-videocamera"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-videocamera" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-volume-high"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-volume-high"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-volume-high"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-volume-high"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-volume-high"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-volume-high"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-volume-high"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-volume-high"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-volume-high"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-volume-high"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-volume-high" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-volume-low"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-volume-low"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-volume-low"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-volume-low"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-volume-low"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-volume-low"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-volume-low"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-volume-low"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-volume-low"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-volume-low"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-volume-low" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-volume-medium"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-volume-medium"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-volume-medium"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-volume-medium"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-volume-medium"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-volume-medium"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-volume-medium"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-volume-medium"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-volume-medium"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-volume-medium"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-volume-medium" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-volume-mute"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-volume-mute"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-volume-mute"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-volume-mute"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-volume-mute"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-volume-mute"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-volume-mute"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-volume-mute"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-volume-mute"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-volume-mute"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-volume-mute" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-wand"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-wand"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-wand"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-wand"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-wand"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-wand"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-wand"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-wand"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-wand"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-wand"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-wand" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-waterdrop"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-waterdrop"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-waterdrop"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-waterdrop"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-waterdrop"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-waterdrop"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-waterdrop"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-waterdrop"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-waterdrop"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-waterdrop"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-waterdrop" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-wifi"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-wifi"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-wifi"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-wifi"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-wifi"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-wifi"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-wifi"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-wifi"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-wifi"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-wifi"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-wifi" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-wineglass"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-wineglass"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-wineglass"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-wineglass"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-wineglass"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-wineglass"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-wineglass"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-wineglass"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-wineglass"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-wineglass"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-wineglass" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-woman"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-woman"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-woman"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-woman"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-woman"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-woman"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-woman"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-woman"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-woman"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-woman"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-woman" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-wrench"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-wrench"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-wrench"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-wrench"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-wrench"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-wrench"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-wrench"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-wrench"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-wrench"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-wrench"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-wrench" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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"><span class="step size-12">
|
|
<i class="icon ion-xbox"></i>
|
|
</span><span class="step size-14">
|
|
<i class="icon ion-xbox"></i>
|
|
</span><span class="step size-16">
|
|
<i class="icon ion-xbox"></i>
|
|
</span><span class="step size-18">
|
|
<i class="icon ion-xbox"></i>
|
|
</span><span class="step size-21">
|
|
<i class="icon ion-xbox"></i>
|
|
</span><span class="step size-24">
|
|
<i class="icon ion-xbox"></i>
|
|
</span><span class="step size-32">
|
|
<i class="icon ion-xbox"></i>
|
|
</span><span class="step size-48">
|
|
<i class="icon ion-xbox"></i>
|
|
</span><span class="step size-64">
|
|
<i class="icon ion-xbox"></i>
|
|
</span><span class="step size-96">
|
|
<i class="icon ion-xbox"></i>
|
|
</span>
|
|
</div>
|
|
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
|
|
<div class="usage">
|
|
<label>Classname:</label>
|
|
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-xbox" />
|
|
|
|
<label>Selectable:</label>
|
|
<span class="ion"></span>
|
|
|
|
<label>Escaped HTML:</label>
|
|
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#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> |