mirror of
https://github.com/JonnyBro/JaBa.git
synced 2024-11-25 06:34:58 +05:00
28009 lines
No EOL
1.2 MiB
28009 lines
No EOL
1.2 MiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Ionicons v2.0.0 Cheatsheet</title>
|
|
<style>
|
|
* {
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
body {
|
|
background: #fff;
|
|
color: #444;
|
|
font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
a, a:visited {
|
|
color: #888;
|
|
text-decoration: underline;
|
|
}
|
|
a:hover, a:focus { color: #000; }
|
|
|
|
header {
|
|
border-bottom: 2px solid #ddd;
|
|
margin-bottom: 20px;
|
|
overflow: hidden;
|
|
padding: 20px 0;
|
|
}
|
|
|
|
header h1 {
|
|
color: #888;
|
|
float: left;
|
|
font-size: 36px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
header a {
|
|
float: right;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.container {
|
|
margin: 0 auto;
|
|
max-width: 1200px;
|
|
min-width: 960px;
|
|
padding: 0 20px;
|
|
width: 95%;
|
|
}
|
|
|
|
.icon-row {
|
|
border-bottom: 1px dotted #ccc;
|
|
padding: 10px 0 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.ion {
|
|
-webkit-touch-callout: text;
|
|
-webkit-user-select: text;
|
|
-khtml-user-select: text;
|
|
-moz-user-select: text;
|
|
-ms-user-select: text;
|
|
user-select: text;
|
|
}
|
|
|
|
.preview-icon { vertical-align: bottom; }
|
|
|
|
.preview-scale {
|
|
color: #888;
|
|
font-size: 12px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.step {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
position: relative;
|
|
width: 10%;
|
|
}
|
|
|
|
.step i {
|
|
-webkit-transition: opacity .3s;
|
|
-moz-transition: opacity .3s;
|
|
-ms-transition: opacity .3s;
|
|
-o-transition: opacity .3s;
|
|
transition: opacity .3s;
|
|
}
|
|
|
|
.step:hover i { opacity: .3; }
|
|
|
|
.size-12 { font-size: 12px; }
|
|
.size-14 { font-size: 14px; }
|
|
.size-16 { font-size: 16px; }
|
|
.size-18 { font-size: 18px; }
|
|
.size-21 { font-size: 21px; }
|
|
.size-24 { font-size: 24px; }
|
|
.size-32 { font-size: 32px; }
|
|
.size-48 { font-size: 48px; }
|
|
.size-64 { font-size: 64px; }
|
|
.size-96 { font-size: 96px; }
|
|
|
|
.usage { margin-top: 10px; }
|
|
.usage input {
|
|
font-family: monospace;
|
|
margin-right: 3px;
|
|
padding: 2px 5px;
|
|
text-align: center;
|
|
-webkit-touch-callout: text;
|
|
-webkit-user-select: text;
|
|
-khtml-user-select: text;
|
|
-moz-user-select: text;
|
|
-ms-user-select: text;
|
|
user-select: text;
|
|
}
|
|
|
|
.usage label {
|
|
font-size: 12px;
|
|
text-align: right;
|
|
padding: 0 3px 0 60px;
|
|
}
|
|
.usage label:first-child { padding-left: 0; }
|
|
.usage .name { width: 180px; }
|
|
.usage .html { width: 80px; }
|
|
.usage .css { width: 80px; }
|
|
|
|
footer {
|
|
color: #888;
|
|
font-size: 12px;
|
|
padding: 20px 0;
|
|
}
|
|
</style>
|
|
<link href="css/ionicons.css" rel="stylesheet" type="text/css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h1>Ionicons v2.0.0 Cheatsheet, 733 icons:</h1>
|
|
<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> |