aboutsummaryrefslogtreecommitdiff
path: root/iconfont/tabler-icons-preview.html
diff options
context:
space:
mode:
Diffstat (limited to 'iconfont/tabler-icons-preview.html')
-rw-r--r--iconfont/tabler-icons-preview.html18954
1 files changed, 18954 insertions, 0 deletions
diff --git a/iconfont/tabler-icons-preview.html b/iconfont/tabler-icons-preview.html
new file mode 100644
index 00000000..5b823686
--- /dev/null
+++ b/iconfont/tabler-icons-preview.html
@@ -0,0 +1,18954 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>tabler-icons glyphs preview</title>
+
+ <style>
+ /* Page Styles */
+
+ * {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ }
+
+ 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 40px;
+ width: 90%;
+ }
+
+ .glyph {
+ border-bottom: 1px dotted #ccc;
+ padding: 10px 0 20px;
+ margin-bottom: 20px;
+ }
+
+ .preview-glyphs { 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 .letters,
+ .step i {
+ -webkit-transition: opacity .3s;
+ -moz-transition: opacity .3s;
+ -ms-transition: opacity .3s;
+ -o-transition: opacity .3s;
+ transition: opacity .3s;
+ }
+
+ .step:hover .letters { opacity: 1; }
+ .step:hover i { opacity: .3; }
+
+ .letters {
+ opacity: .3;
+ position: absolute;
+ }
+
+ .characters-off .letters { display: none; }
+ .characters-off .step:hover i { opacity: 1; }
+
+
+ .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-36 { font-size: 36px; }
+
+ .size-48 { font-size: 48px; }
+
+ .size-60 { font-size: 60px; }
+
+ .size-72 { font-size: 72px; }
+
+
+ .usage { margin-top: 10px; }
+
+ .usage input {
+ font-family: monospace;
+ margin-right: 3px;
+ padding: 2px 5px;
+ text-align: center;
+ }
+
+ .usage .point { width: 150px; }
+
+ .usage .class { width: 250px; }
+
+ footer {
+ color: #888;
+ font-size: 12px;
+ padding: 20px 0;
+ }
+
+ /* Icon Font: tabler-icons */
+
+ @font-face {
+ font-family: "tabler-icons";
+ src: url("fonts/tabler-icons.eot");
+ src: url("fonts/tabler-icons.eot?#iefix") format("embedded-opentype"),
+ url("fonts/tabler-icons.woff2") format("woff2"),
+ url("fonts/tabler-icons.woff") format("woff"),
+ url("fonts/tabler-icons.ttf") format("truetype"),
+ url("fonts/tabler-icons.svg#tabler-icons") format("svg");
+ font-weight: normal;
+ font-style: normal;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+ @font-face {
+ font-family: "tabler-icons";
+ src: url("fonts/tabler-icons.svg#tabler-icons") format("svg");
+ }
+}
+
+ [data-icon]:before { content: attr(data-icon); }
+
+ [data-icon]:before,
+ .ti-2fa:before,
+.ti-3d-cube-sphere:before,
+.ti-a-b:before,
+.ti-access-point:before,
+.ti-access-point-off:before,
+.ti-accessible:before,
+.ti-activity:before,
+.ti-ad:before,
+.ti-adjustments:before,
+.ti-adjustments-alt:before,
+.ti-adjustments-horizontal:before,
+.ti-aerial-lift:before,
+.ti-affiliate:before,
+.ti-alarm:before,
+.ti-alert-circle:before,
+.ti-alert-octagon:before,
+.ti-alert-triangle:before,
+.ti-alien:before,
+.ti-align-center:before,
+.ti-align-justified:before,
+.ti-align-left:before,
+.ti-align-right:before,
+.ti-ambulance:before,
+.ti-anchor:before,
+.ti-antenna-bars-1:before,
+.ti-antenna-bars-2:before,
+.ti-antenna-bars-3:before,
+.ti-antenna-bars-4:before,
+.ti-antenna-bars-5:before,
+.ti-aperture:before,
+.ti-apps:before,
+.ti-archive:before,
+.ti-arrow-back:before,
+.ti-arrow-back-up:before,
+.ti-arrow-bar-down:before,
+.ti-arrow-bar-left:before,
+.ti-arrow-bar-right:before,
+.ti-arrow-bar-to-down:before,
+.ti-arrow-bar-to-left:before,
+.ti-arrow-bar-to-right:before,
+.ti-arrow-bar-to-up:before,
+.ti-arrow-bar-up:before,
+.ti-arrow-bottom-bar:before,
+.ti-arrow-bottom-circle:before,
+.ti-arrow-bottom-square:before,
+.ti-arrow-bottom-tail:before,
+.ti-arrow-down:before,
+.ti-arrow-down-circle:before,
+.ti-arrow-down-left:before,
+.ti-arrow-down-left-circle:before,
+.ti-arrow-down-right:before,
+.ti-arrow-down-right-circle:before,
+.ti-arrow-forward:before,
+.ti-arrow-forward-up:before,
+.ti-arrow-left:before,
+.ti-arrow-left-bar:before,
+.ti-arrow-left-circle:before,
+.ti-arrow-left-square:before,
+.ti-arrow-left-tail:before,
+.ti-arrow-loop-left:before,
+.ti-arrow-loop-right:before,
+.ti-arrow-narrow-down:before,
+.ti-arrow-narrow-left:before,
+.ti-arrow-narrow-right:before,
+.ti-arrow-narrow-up:before,
+.ti-arrow-ramp-left:before,
+.ti-arrow-ramp-right:before,
+.ti-arrow-right:before,
+.ti-arrow-right-bar:before,
+.ti-arrow-right-circle:before,
+.ti-arrow-right-square:before,
+.ti-arrow-right-tail:before,
+.ti-arrow-top-bar:before,
+.ti-arrow-top-circle:before,
+.ti-arrow-top-square:before,
+.ti-arrow-top-tail:before,
+.ti-arrow-up:before,
+.ti-arrow-up-circle:before,
+.ti-arrow-up-left:before,
+.ti-arrow-up-left-circle:before,
+.ti-arrow-up-right:before,
+.ti-arrow-up-right-circle:before,
+.ti-arrow-wave-left-down:before,
+.ti-arrow-wave-left-up:before,
+.ti-arrow-wave-right-down:before,
+.ti-arrow-wave-right-up:before,
+.ti-arrows-diagonal:before,
+.ti-arrows-diagonal-2:before,
+.ti-arrows-down:before,
+.ti-arrows-down-up:before,
+.ti-arrows-horizontal:before,
+.ti-arrows-join:before,
+.ti-arrows-join-2:before,
+.ti-arrows-left:before,
+.ti-arrows-left-down:before,
+.ti-arrows-left-right:before,
+.ti-arrows-maximize:before,
+.ti-arrows-minimize:before,
+.ti-arrows-right:before,
+.ti-arrows-right-down:before,
+.ti-arrows-right-left:before,
+.ti-arrows-sort:before,
+.ti-arrows-split:before,
+.ti-arrows-split-2:before,
+.ti-arrows-up:before,
+.ti-arrows-up-down:before,
+.ti-arrows-up-left:before,
+.ti-arrows-up-right:before,
+.ti-arrows-vertical:before,
+.ti-artboard:before,
+.ti-aspect-ratio:before,
+.ti-at:before,
+.ti-atom:before,
+.ti-atom-2:before,
+.ti-award:before,
+.ti-backhoe:before,
+.ti-backspace:before,
+.ti-ball-american-football:before,
+.ti-ball-basketball:before,
+.ti-ball-bowling:before,
+.ti-ball-football:before,
+.ti-ball-football-off:before,
+.ti-ball-tennis:before,
+.ti-ball-volleyball:before,
+.ti-ban:before,
+.ti-bandage:before,
+.ti-barcode:before,
+.ti-basket:before,
+.ti-battery:before,
+.ti-battery-1:before,
+.ti-battery-2:before,
+.ti-battery-3:before,
+.ti-battery-4:before,
+.ti-battery-automotive:before,
+.ti-battery-charging:before,
+.ti-battery-off:before,
+.ti-bed:before,
+.ti-bell:before,
+.ti-bell-off:before,
+.ti-bell-ringing:before,
+.ti-bell-ringing-2:before,
+.ti-bike:before,
+.ti-binary:before,
+.ti-biohazard:before,
+.ti-blockquote:before,
+.ti-bluetooth:before,
+.ti-bluetooth-connected:before,
+.ti-bluetooth-off:before,
+.ti-bold:before,
+.ti-bolt:before,
+.ti-bolt-off:before,
+.ti-bone:before,
+.ti-book:before,
+.ti-bookmark:before,
+.ti-bookmark-off:before,
+.ti-bookmarks:before,
+.ti-border-all:before,
+.ti-border-bottom:before,
+.ti-border-horizontal:before,
+.ti-border-inner:before,
+.ti-border-left:before,
+.ti-border-none:before,
+.ti-border-outer:before,
+.ti-border-radius:before,
+.ti-border-right:before,
+.ti-border-style:before,
+.ti-border-top:before,
+.ti-border-vertical:before,
+.ti-box:before,
+.ti-box-margin:before,
+.ti-box-model:before,
+.ti-box-multiple:before,
+.ti-box-multiple-0:before,
+.ti-box-multiple-1:before,
+.ti-box-multiple-2:before,
+.ti-box-multiple-3:before,
+.ti-box-multiple-4:before,
+.ti-box-multiple-5:before,
+.ti-box-multiple-6:before,
+.ti-box-multiple-7:before,
+.ti-box-multiple-8:before,
+.ti-box-multiple-9:before,
+.ti-box-padding:before,
+.ti-braces:before,
+.ti-brackets:before,
+.ti-brand-airbnb:before,
+.ti-brand-android:before,
+.ti-brand-apple:before,
+.ti-brand-apple-arcade:before,
+.ti-brand-appstore:before,
+.ti-brand-asana:before,
+.ti-brand-behance:before,
+.ti-brand-bing:before,
+.ti-brand-bitbucket:before,
+.ti-brand-booking:before,
+.ti-brand-chrome:before,
+.ti-brand-codepen:before,
+.ti-brand-codesandbox:before,
+.ti-brand-css3:before,
+.ti-brand-deviantart:before,
+.ti-brand-discord:before,
+.ti-brand-disqus:before,
+.ti-brand-docker:before,
+.ti-brand-dribbble:before,
+.ti-brand-edge:before,
+.ti-brand-facebook:before,
+.ti-brand-figma:before,
+.ti-brand-firefox:before,
+.ti-brand-flickr:before,
+.ti-brand-foursquare:before,
+.ti-brand-framer:before,
+.ti-brand-github:before,
+.ti-brand-gitlab:before,
+.ti-brand-google:before,
+.ti-brand-google-analytics:before,
+.ti-brand-google-drive:before,
+.ti-brand-google-play:before,
+.ti-brand-gravatar:before,
+.ti-brand-hipchat:before,
+.ti-brand-html5:before,
+.ti-brand-instagram:before,
+.ti-brand-kickstarter:before,
+.ti-brand-kotlin:before,
+.ti-brand-linkedin:before,
+.ti-brand-medium:before,
+.ti-brand-messenger:before,
+.ti-brand-netflix:before,
+.ti-brand-open-source:before,
+.ti-brand-opera:before,
+.ti-brand-pagekit:before,
+.ti-brand-patreon:before,
+.ti-brand-paypal:before,
+.ti-brand-pinterest:before,
+.ti-brand-pocket:before,
+.ti-brand-producthunt:before,
+.ti-brand-python:before,
+.ti-brand-reddit:before,
+.ti-brand-safari:before,
+.ti-brand-sass:before,
+.ti-brand-sentry:before,
+.ti-brand-shazam:before,
+.ti-brand-sketch:before,
+.ti-brand-skype:before,
+.ti-brand-slack:before,
+.ti-brand-snapchat:before,
+.ti-brand-soundcloud:before,
+.ti-brand-spotify:before,
+.ti-brand-steam:before,
+.ti-brand-stripe:before,
+.ti-brand-tabler:before,
+.ti-brand-tailwind:before,
+.ti-brand-telegram:before,
+.ti-brand-tidal:before,
+.ti-brand-tiktok:before,
+.ti-brand-tinder:before,
+.ti-brand-tumblr:before,
+.ti-brand-twitch:before,
+.ti-brand-twitter:before,
+.ti-brand-unsplash:before,
+.ti-brand-vimeo:before,
+.ti-brand-vk:before,
+.ti-brand-whatsapp:before,
+.ti-brand-windows:before,
+.ti-brand-yahoo:before,
+.ti-brand-ycombinator:before,
+.ti-brand-youtube:before,
+.ti-briefcase:before,
+.ti-brightness:before,
+.ti-brightness-2:before,
+.ti-brightness-down:before,
+.ti-brightness-half:before,
+.ti-brightness-up:before,
+.ti-browser:before,
+.ti-brush:before,
+.ti-bucket:before,
+.ti-bug:before,
+.ti-building:before,
+.ti-building-arch:before,
+.ti-building-bank:before,
+.ti-building-bridge:before,
+.ti-building-bridge-2:before,
+.ti-building-carousel:before,
+.ti-building-castle:before,
+.ti-building-church:before,
+.ti-building-community:before,
+.ti-building-cottage:before,
+.ti-building-factory:before,
+.ti-building-fortress:before,
+.ti-building-hospital:before,
+.ti-building-lighthouse:before,
+.ti-building-monument:before,
+.ti-building-pavilon:before,
+.ti-building-skyscraper:before,
+.ti-building-store:before,
+.ti-building-warehouse:before,
+.ti-bulb:before,
+.ti-bulb-off:before,
+.ti-bulldozer:before,
+.ti-bus:before,
+.ti-businessplan:before,
+.ti-calculator:before,
+.ti-calendar:before,
+.ti-calendar-event:before,
+.ti-calendar-minus:before,
+.ti-calendar-off:before,
+.ti-calendar-plus:before,
+.ti-calendar-stats:before,
+.ti-calendar-time:before,
+.ti-camera:before,
+.ti-camera-minus:before,
+.ti-camera-off:before,
+.ti-camera-plus:before,
+.ti-camera-rotate:before,
+.ti-camera-selfie:before,
+.ti-capture:before,
+.ti-car:before,
+.ti-caravan:before,
+.ti-cardboards:before,
+.ti-caret-down:before,
+.ti-caret-left:before,
+.ti-caret-right:before,
+.ti-caret-up:before,
+.ti-cash:before,
+.ti-cash-banknote:before,
+.ti-cash-banknote-off:before,
+.ti-cast:before,
+.ti-ce:before,
+.ti-certificate:before,
+.ti-charging-pile:before,
+.ti-chart-arcs:before,
+.ti-chart-arcs-3:before,
+.ti-chart-area:before,
+.ti-chart-area-line:before,
+.ti-chart-arrows:before,
+.ti-chart-arrows-vertical:before,
+.ti-chart-bar:before,
+.ti-chart-bubble:before,
+.ti-chart-candle:before,
+.ti-chart-circles:before,
+.ti-chart-donut:before,
+.ti-chart-donut-2:before,
+.ti-chart-donut-3:before,
+.ti-chart-donut-4:before,
+.ti-chart-dots:before,
+.ti-chart-infographic:before,
+.ti-chart-line:before,
+.ti-chart-pie:before,
+.ti-chart-pie-2:before,
+.ti-chart-pie-3:before,
+.ti-chart-pie-4:before,
+.ti-chart-radar:before,
+.ti-check:before,
+.ti-checkbox:before,
+.ti-checks:before,
+.ti-chevron-down:before,
+.ti-chevron-down-left:before,
+.ti-chevron-down-right:before,
+.ti-chevron-left:before,
+.ti-chevron-right:before,
+.ti-chevron-up:before,
+.ti-chevron-up-left:before,
+.ti-chevron-up-right:before,
+.ti-chevrons-down:before,
+.ti-chevrons-down-left:before,
+.ti-chevrons-down-right:before,
+.ti-chevrons-left:before,
+.ti-chevrons-right:before,
+.ti-chevrons-up:before,
+.ti-chevrons-up-left:before,
+.ti-chevrons-up-right:before,
+.ti-christmas-tree:before,
+.ti-circle:before,
+.ti-circle-0:before,
+.ti-circle-1:before,
+.ti-circle-2:before,
+.ti-circle-3:before,
+.ti-circle-4:before,
+.ti-circle-5:before,
+.ti-circle-6:before,
+.ti-circle-7:before,
+.ti-circle-8:before,
+.ti-circle-9:before,
+.ti-circle-check:before,
+.ti-circle-dashed:before,
+.ti-circle-dotted:before,
+.ti-circle-half:before,
+.ti-circle-half-vertical:before,
+.ti-circle-minus:before,
+.ti-circle-off:before,
+.ti-circle-plus:before,
+.ti-circle-square:before,
+.ti-circle-x:before,
+.ti-circles:before,
+.ti-clear-all:before,
+.ti-clear-formatting:before,
+.ti-click:before,
+.ti-clipboard:before,
+.ti-clipboard-check:before,
+.ti-clipboard-list:before,
+.ti-clipboard-x:before,
+.ti-clock:before,
+.ti-cloud:before,
+.ti-cloud-download:before,
+.ti-cloud-fog:before,
+.ti-cloud-off:before,
+.ti-cloud-rain:before,
+.ti-cloud-snow:before,
+.ti-cloud-storm:before,
+.ti-cloud-upload:before,
+.ti-code:before,
+.ti-code-minus:before,
+.ti-code-plus:before,
+.ti-coin:before,
+.ti-color-picker:before,
+.ti-color-swatch:before,
+.ti-column-insert-left:before,
+.ti-column-insert-right:before,
+.ti-columns:before,
+.ti-comet:before,
+.ti-command:before,
+.ti-compass:before,
+.ti-confetti:before,
+.ti-container:before,
+.ti-contrast:before,
+.ti-copy:before,
+.ti-copyleft:before,
+.ti-copyright:before,
+.ti-corner-down-left:before,
+.ti-corner-down-left-double:before,
+.ti-corner-down-right:before,
+.ti-corner-down-right-double:before,
+.ti-corner-left-down:before,
+.ti-corner-left-down-double:before,
+.ti-corner-left-up:before,
+.ti-corner-left-up-double:before,
+.ti-corner-right-down:before,
+.ti-corner-right-down-double:before,
+.ti-corner-right-up:before,
+.ti-corner-right-up-double:before,
+.ti-corner-up-left:before,
+.ti-corner-up-left-double:before,
+.ti-corner-up-right:before,
+.ti-corner-up-right-double:before,
+.ti-credit-card:before,
+.ti-credit-card-off:before,
+.ti-crop:before,
+.ti-crosshair:before,
+.ti-crown:before,
+.ti-crown-off:before,
+.ti-curly-loop:before,
+.ti-currency-bahraini:before,
+.ti-currency-bath:before,
+.ti-currency-bitcoin:before,
+.ti-currency-cent:before,
+.ti-currency-dinar:before,
+.ti-currency-dirham:before,
+.ti-currency-dollar:before,
+.ti-currency-dollar-australian:before,
+.ti-currency-dollar-canadian:before,
+.ti-currency-dollar-singapore:before,
+.ti-currency-ethereum:before,
+.ti-currency-euro:before,
+.ti-currency-forint:before,
+.ti-currency-frank:before,
+.ti-currency-krone-czech:before,
+.ti-currency-krone-danish:before,
+.ti-currency-krone-swedish:before,
+.ti-currency-leu:before,
+.ti-currency-lira:before,
+.ti-currency-litecoin:before,
+.ti-currency-naira:before,
+.ti-currency-pound:before,
+.ti-currency-real:before,
+.ti-currency-renminbi:before,
+.ti-currency-ripple:before,
+.ti-currency-riyal:before,
+.ti-currency-rubel:before,
+.ti-currency-rupee:before,
+.ti-currency-shekel:before,
+.ti-currency-taka:before,
+.ti-currency-tugrik:before,
+.ti-currency-won:before,
+.ti-currency-yen:before,
+.ti-currency-zloty:before,
+.ti-current-location:before,
+.ti-cursor-text:before,
+.ti-cut:before,
+.ti-dashboard:before,
+.ti-database:before,
+.ti-database-export:before,
+.ti-database-import:before,
+.ti-database-off:before,
+.ti-details:before,
+.ti-device-analytics:before,
+.ti-device-audio-tape:before,
+.ti-device-cctv:before,
+.ti-device-computer-camera:before,
+.ti-device-computer-camera-off:before,
+.ti-device-desktop:before,
+.ti-device-desktop-analytics:before,
+.ti-device-desktop-off:before,
+.ti-device-floppy:before,
+.ti-device-gamepad:before,
+.ti-device-laptop:before,
+.ti-device-mobile:before,
+.ti-device-mobile-message:before,
+.ti-device-mobile-rotated:before,
+.ti-device-mobile-vibration:before,
+.ti-device-speaker:before,
+.ti-device-tablet:before,
+.ti-device-tv:before,
+.ti-device-watch:before,
+.ti-devices:before,
+.ti-devices-2:before,
+.ti-devices-pc:before,
+.ti-diamond:before,
+.ti-dice:before,
+.ti-dimensions:before,
+.ti-direction:before,
+.ti-direction-horizontal:before,
+.ti-directions:before,
+.ti-disabled:before,
+.ti-disabled-2:before,
+.ti-disc:before,
+.ti-discount:before,
+.ti-discount-2:before,
+.ti-divide:before,
+.ti-dna:before,
+.ti-dots:before,
+.ti-dots-circle-horizontal:before,
+.ti-dots-diagonal:before,
+.ti-dots-diagonal-2:before,
+.ti-dots-vertical:before,
+.ti-download:before,
+.ti-drag-drop:before,
+.ti-drag-drop-2:before,
+.ti-drone:before,
+.ti-drone-off:before,
+.ti-droplet:before,
+.ti-droplet-filled:before,
+.ti-droplet-filled-2:before,
+.ti-droplet-half:before,
+.ti-droplet-half-2:before,
+.ti-droplet-off:before,
+.ti-ear:before,
+.ti-ear-off:before,
+.ti-edit:before,
+.ti-edit-circle:before,
+.ti-egg:before,
+.ti-emphasis:before,
+.ti-equal:before,
+.ti-equal-not:before,
+.ti-eraser:before,
+.ti-exchange:before,
+.ti-exposure:before,
+.ti-external-link:before,
+.ti-eye:before,
+.ti-eye-check:before,
+.ti-eye-off:before,
+.ti-eyeglass:before,
+.ti-eyeglass-2:before,
+.ti-face-id:before,
+.ti-fall:before,
+.ti-feather:before,
+.ti-file:before,
+.ti-file-alert:before,
+.ti-file-analytics:before,
+.ti-file-certificate:before,
+.ti-file-check:before,
+.ti-file-code:before,
+.ti-file-code-2:before,
+.ti-file-diff:before,
+.ti-file-dislike:before,
+.ti-file-download:before,
+.ti-file-export:before,
+.ti-file-horizontal:before,
+.ti-file-import:before,
+.ti-file-info:before,
+.ti-file-invoice:before,
+.ti-file-like:before,
+.ti-file-minus:before,
+.ti-file-music:before,
+.ti-file-off:before,
+.ti-file-phone:before,
+.ti-file-plus:before,
+.ti-file-report:before,
+.ti-file-search:before,
+.ti-file-shredder:before,
+.ti-file-symlink:before,
+.ti-file-text:before,
+.ti-file-upload:before,
+.ti-file-x:before,
+.ti-file-zip:before,
+.ti-files:before,
+.ti-files-off:before,
+.ti-filter:before,
+.ti-filter-off:before,
+.ti-fingerprint:before,
+.ti-firetruck:before,
+.ti-flag:before,
+.ti-flag-2:before,
+.ti-flag-3:before,
+.ti-flame:before,
+.ti-flare:before,
+.ti-flask:before,
+.ti-flip-horizontal:before,
+.ti-flip-vertical:before,
+.ti-float-center:before,
+.ti-float-left:before,
+.ti-float-none:before,
+.ti-float-right:before,
+.ti-focus:before,
+.ti-focus-2:before,
+.ti-fold:before,
+.ti-fold-down:before,
+.ti-fold-up:before,
+.ti-folder:before,
+.ti-folder-minus:before,
+.ti-folder-off:before,
+.ti-folder-plus:before,
+.ti-folder-x:before,
+.ti-folders:before,
+.ti-forbid:before,
+.ti-forbid-2:before,
+.ti-forklift:before,
+.ti-forms:before,
+.ti-frame:before,
+.ti-friends:before,
+.ti-gas-station:before,
+.ti-gauge:before,
+.ti-geometry:before,
+.ti-ghost:before,
+.ti-gift:before,
+.ti-git-branch:before,
+.ti-git-commit:before,
+.ti-git-compare:before,
+.ti-git-fork:before,
+.ti-git-merge:before,
+.ti-git-pull-request:before,
+.ti-glass:before,
+.ti-glass-full:before,
+.ti-glass-off:before,
+.ti-globe:before,
+.ti-golf:before,
+.ti-gps:before,
+.ti-grain:before,
+.ti-grid-dots:before,
+.ti-grip-horizontal:before,
+.ti-grip-vertical:before,
+.ti-growth:before,
+.ti-h-1:before,
+.ti-h-2:before,
+.ti-h-3:before,
+.ti-h-4:before,
+.ti-h-5:before,
+.ti-h-6:before,
+.ti-hand-finger:before,
+.ti-hand-little-finger:before,
+.ti-hand-middle-finger:before,
+.ti-hand-off:before,
+.ti-hand-ring-finger:before,
+.ti-hand-rock:before,
+.ti-hand-stop:before,
+.ti-hand-three-fingers:before,
+.ti-hand-two-fingers:before,
+.ti-hanger:before,
+.ti-hash:before,
+.ti-heading:before,
+.ti-headphones:before,
+.ti-headphones-off:before,
+.ti-headset:before,
+.ti-heart:before,
+.ti-heart-broken:before,
+.ti-helicopter:before,
+.ti-helicopter-landing:before,
+.ti-help:before,
+.ti-hexagon:before,
+.ti-hexagon-off:before,
+.ti-hierarchy:before,
+.ti-hierarchy-2:before,
+.ti-history:before,
+.ti-home:before,
+.ti-home-2:before,
+.ti-ice-cream:before,
+.ti-ice-cream-2:before,
+.ti-id:before,
+.ti-inbox:before,
+.ti-indent-decrease:before,
+.ti-indent-increase:before,
+.ti-infinity:before,
+.ti-info-circle:before,
+.ti-info-square:before,
+.ti-italic:before,
+.ti-jump-rope:before,
+.ti-karate:before,
+.ti-key:before,
+.ti-keyboard:before,
+.ti-keyboard-hide:before,
+.ti-keyboard-off:before,
+.ti-keyboard-show:before,
+.ti-language:before,
+.ti-layers-difference:before,
+.ti-layers-intersect:before,
+.ti-layers-linked:before,
+.ti-layers-subtract:before,
+.ti-layers-union:before,
+.ti-layout:before,
+.ti-layout-2:before,
+.ti-layout-align-bottom:before,
+.ti-layout-align-center:before,
+.ti-layout-align-left:before,
+.ti-layout-align-middle:before,
+.ti-layout-align-right:before,
+.ti-layout-align-top:before,
+.ti-layout-bottombar:before,
+.ti-layout-cards:before,
+.ti-layout-columns:before,
+.ti-layout-distribute-horizontal:before,
+.ti-layout-distribute-vertical:before,
+.ti-layout-grid:before,
+.ti-layout-grid-add:before,
+.ti-layout-kanban:before,
+.ti-layout-list:before,
+.ti-layout-navbar:before,
+.ti-layout-rows:before,
+.ti-layout-sidebar:before,
+.ti-layout-sidebar-right:before,
+.ti-leaf:before,
+.ti-lego:before,
+.ti-letter-a:before,
+.ti-letter-b:before,
+.ti-letter-c:before,
+.ti-letter-case:before,
+.ti-letter-case-lower:before,
+.ti-letter-case-toggle:before,
+.ti-letter-case-upper:before,
+.ti-letter-d:before,
+.ti-letter-e:before,
+.ti-letter-f:before,
+.ti-letter-g:before,
+.ti-letter-h:before,
+.ti-letter-i:before,
+.ti-letter-j:before,
+.ti-letter-k:before,
+.ti-letter-l:before,
+.ti-letter-m:before,
+.ti-letter-n:before,
+.ti-letter-o:before,
+.ti-letter-p:before,
+.ti-letter-q:before,
+.ti-letter-r:before,
+.ti-letter-s:before,
+.ti-letter-spacing:before,
+.ti-letter-t:before,
+.ti-letter-u:before,
+.ti-letter-v:before,
+.ti-letter-w:before,
+.ti-letter-x:before,
+.ti-letter-y:before,
+.ti-letter-z:before,
+.ti-letters-case:before,
+.ti-license:before,
+.ti-lifebuoy:before,
+.ti-line:before,
+.ti-line-dashed:before,
+.ti-line-dotted:before,
+.ti-line-height:before,
+.ti-link:before,
+.ti-list:before,
+.ti-list-check:before,
+.ti-list-search:before,
+.ti-live-photo:before,
+.ti-live-view:before,
+.ti-loader:before,
+.ti-loader-quarter:before,
+.ti-location:before,
+.ti-lock:before,
+.ti-lock-access:before,
+.ti-lock-off:before,
+.ti-lock-open:before,
+.ti-login:before,
+.ti-logout:before,
+.ti-macro:before,
+.ti-magnet:before,
+.ti-mail:before,
+.ti-mail-forward:before,
+.ti-mail-opened:before,
+.ti-mailbox:before,
+.ti-man:before,
+.ti-manual-gearbox:before,
+.ti-map:before,
+.ti-map-2:before,
+.ti-map-pin:before,
+.ti-map-pin-off:before,
+.ti-map-pins:before,
+.ti-markdown:before,
+.ti-marquee:before,
+.ti-marquee-2:before,
+.ti-mars:before,
+.ti-mask:before,
+.ti-mask-off:before,
+.ti-massage:before,
+.ti-math:before,
+.ti-math-function:before,
+.ti-math-symbols:before,
+.ti-maximize:before,
+.ti-medal:before,
+.ti-medical-cross:before,
+.ti-menu:before,
+.ti-menu-2:before,
+.ti-message:before,
+.ti-message-2:before,
+.ti-message-circle:before,
+.ti-message-circle-2:before,
+.ti-message-circle-off:before,
+.ti-message-dots:before,
+.ti-message-off:before,
+.ti-message-plus:before,
+.ti-message-report:before,
+.ti-messages:before,
+.ti-messages-off:before,
+.ti-microphone:before,
+.ti-microphone-off:before,
+.ti-minimize:before,
+.ti-minus:before,
+.ti-minus-vertical:before,
+.ti-mist:before,
+.ti-mood-boy:before,
+.ti-mood-confuzed:before,
+.ti-mood-crazy-happy:before,
+.ti-mood-cry:before,
+.ti-mood-empty:before,
+.ti-mood-happy:before,
+.ti-mood-kid:before,
+.ti-mood-neutral:before,
+.ti-mood-sad:before,
+.ti-mood-smile:before,
+.ti-mood-suprised:before,
+.ti-mood-tongue:before,
+.ti-moon:before,
+.ti-moon-2:before,
+.ti-moon-stars:before,
+.ti-moped:before,
+.ti-motorbike:before,
+.ti-mouse:before,
+.ti-movie:before,
+.ti-mug:before,
+.ti-music:before,
+.ti-new-section:before,
+.ti-news:before,
+.ti-nfc:before,
+.ti-note:before,
+.ti-notebook:before,
+.ti-notes:before,
+.ti-notification:before,
+.ti-number-0:before,
+.ti-number-1:before,
+.ti-number-2:before,
+.ti-number-3:before,
+.ti-number-4:before,
+.ti-number-5:before,
+.ti-number-6:before,
+.ti-number-7:before,
+.ti-number-8:before,
+.ti-number-9:before,
+.ti-octagon:before,
+.ti-octagon-off:before,
+.ti-old:before,
+.ti-olympics:before,
+.ti-omega:before,
+.ti-outlet:before,
+.ti-overline:before,
+.ti-package:before,
+.ti-pacman:before,
+.ti-page-break:before,
+.ti-paint:before,
+.ti-palette:before,
+.ti-panorama-horizontal:before,
+.ti-panorama-vertical:before,
+.ti-paperclip:before,
+.ti-parachute:before,
+.ti-parentheses:before,
+.ti-parking:before,
+.ti-peace:before,
+.ti-pencil:before,
+.ti-pennant:before,
+.ti-percentage:before,
+.ti-perspective:before,
+.ti-phone:before,
+.ti-phone-call:before,
+.ti-phone-calling:before,
+.ti-phone-check:before,
+.ti-phone-incoming:before,
+.ti-phone-off:before,
+.ti-phone-outgoing:before,
+.ti-phone-pause:before,
+.ti-phone-plus:before,
+.ti-phone-x:before,
+.ti-photo:before,
+.ti-photo-off:before,
+.ti-physotherapist:before,
+.ti-picture-in-picture:before,
+.ti-picture-in-picture-off:before,
+.ti-picture-in-picture-on:before,
+.ti-pill:before,
+.ti-pin:before,
+.ti-pinned:before,
+.ti-pinned-off:before,
+.ti-pizza:before,
+.ti-plane:before,
+.ti-plane-arrival:before,
+.ti-plane-departure:before,
+.ti-planet:before,
+.ti-plant:before,
+.ti-plant-2:before,
+.ti-play-card:before,
+.ti-player-pause:before,
+.ti-player-play:before,
+.ti-player-record:before,
+.ti-player-skip-back:before,
+.ti-player-skip-forward:before,
+.ti-player-stop:before,
+.ti-player-track-next:before,
+.ti-player-track-prev:before,
+.ti-playlist:before,
+.ti-plug:before,
+.ti-plus:before,
+.ti-point:before,
+.ti-pokeball:before,
+.ti-polaroid:before,
+.ti-pool:before,
+.ti-power:before,
+.ti-pray:before,
+.ti-presentation:before,
+.ti-presentation-analytics:before,
+.ti-printer:before,
+.ti-prompt:before,
+.ti-propeller:before,
+.ti-puzzle:before,
+.ti-pyramid:before,
+.ti-qrcode:before,
+.ti-question-mark:before,
+.ti-radioactive:before,
+.ti-radius-bottom-left:before,
+.ti-radius-bottom-right:before,
+.ti-radius-top-left:before,
+.ti-radius-top-right:before,
+.ti-rainbow:before,
+.ti-receipt:before,
+.ti-receipt-2:before,
+.ti-receipt-off:before,
+.ti-receipt-refund:before,
+.ti-receipt-tax:before,
+.ti-recharging:before,
+.ti-record-mail:before,
+.ti-rectangle:before,
+.ti-rectangle-vertical:before,
+.ti-recycle:before,
+.ti-refresh:before,
+.ti-refresh-alert:before,
+.ti-registered:before,
+.ti-relation-many-to-many:before,
+.ti-relation-one-to-many:before,
+.ti-relation-one-to-one:before,
+.ti-repeat:before,
+.ti-repeat-once:before,
+.ti-replace:before,
+.ti-report:before,
+.ti-report-analytics:before,
+.ti-report-medical:before,
+.ti-report-money:before,
+.ti-resize:before,
+.ti-ripple:before,
+.ti-road-sign:before,
+.ti-rocket:before,
+.ti-rotate:before,
+.ti-rotate-2:before,
+.ti-rotate-clockwise:before,
+.ti-rotate-clockwise-2:before,
+.ti-rotate-rectangle:before,
+.ti-route:before,
+.ti-router:before,
+.ti-row-insert-bottom:before,
+.ti-row-insert-top:before,
+.ti-rss:before,
+.ti-ruler:before,
+.ti-ruler-2:before,
+.ti-run:before,
+.ti-sailboat:before,
+.ti-satellite:before,
+.ti-scale:before,
+.ti-scan:before,
+.ti-school:before,
+.ti-scissors:before,
+.ti-scooter:before,
+.ti-scooter-electric:before,
+.ti-screen-share:before,
+.ti-screen-share-off:before,
+.ti-scuba-mask:before,
+.ti-search:before,
+.ti-section:before,
+.ti-seeding:before,
+.ti-select:before,
+.ti-selector:before,
+.ti-send:before,
+.ti-separator:before,
+.ti-separator-horizontal:before,
+.ti-separator-vertical:before,
+.ti-server:before,
+.ti-servicemark:before,
+.ti-settings:before,
+.ti-settings-automation:before,
+.ti-shadow:before,
+.ti-shadow-off:before,
+.ti-shape:before,
+.ti-shape-2:before,
+.ti-shape-3:before,
+.ti-share:before,
+.ti-shield:before,
+.ti-shield-check:before,
+.ti-shield-lock:before,
+.ti-shield-off:before,
+.ti-shield-x:before,
+.ti-ship:before,
+.ti-shirt:before,
+.ti-shopping-cart:before,
+.ti-shopping-cart-discount:before,
+.ti-shopping-cart-off:before,
+.ti-shopping-cart-plus:before,
+.ti-shopping-cart-x:before,
+.ti-shredder:before,
+.ti-signature:before,
+.ti-sitemap:before,
+.ti-skateboard:before,
+.ti-slice:before,
+.ti-slideshow:before,
+.ti-smart-home:before,
+.ti-smoking:before,
+.ti-smoking-no:before,
+.ti-snowflake:before,
+.ti-soccer-field:before,
+.ti-social:before,
+.ti-sock:before,
+.ti-sort-ascending:before,
+.ti-sort-ascending-2:before,
+.ti-sort-descending:before,
+.ti-sort-descending-2:before,
+.ti-space:before,
+.ti-speakerphone:before,
+.ti-speedboat:before,
+.ti-sport-billard:before,
+.ti-square:before,
+.ti-square-0:before,
+.ti-square-1:before,
+.ti-square-2:before,
+.ti-square-3:before,
+.ti-square-4:before,
+.ti-square-5:before,
+.ti-square-6:before,
+.ti-square-7:before,
+.ti-square-8:before,
+.ti-square-9:before,
+.ti-square-check:before,
+.ti-square-dot:before,
+.ti-square-forbid:before,
+.ti-square-forbid-2:before,
+.ti-square-minus:before,
+.ti-square-off:before,
+.ti-square-plus:before,
+.ti-square-root:before,
+.ti-square-root-2:before,
+.ti-square-rotated:before,
+.ti-square-rotated-off:before,
+.ti-square-toggle:before,
+.ti-square-toggle-horizontal:before,
+.ti-square-x:before,
+.ti-squares-diagonal:before,
+.ti-squares-filled:before,
+.ti-stack:before,
+.ti-stack-2:before,
+.ti-stairs:before,
+.ti-stairs-down:before,
+.ti-stairs-up:before,
+.ti-star:before,
+.ti-star-half:before,
+.ti-star-off:before,
+.ti-stars:before,
+.ti-steering-wheel:before,
+.ti-step-into:before,
+.ti-step-out:before,
+.ti-stethoscope:before,
+.ti-sticker:before,
+.ti-strikethrough:before,
+.ti-submarine:before,
+.ti-subscript:before,
+.ti-subtask:before,
+.ti-sum:before,
+.ti-sun:before,
+.ti-sun-off:before,
+.ti-sunset:before,
+.ti-sunshine:before,
+.ti-superscript:before,
+.ti-swimming:before,
+.ti-switch:before,
+.ti-switch-2:before,
+.ti-switch-3:before,
+.ti-switch-horizontal:before,
+.ti-switch-vertical:before,
+.ti-table:before,
+.ti-table-export:before,
+.ti-table-import:before,
+.ti-table-off:before,
+.ti-tag:before,
+.ti-tallymark-1:before,
+.ti-tallymark-2:before,
+.ti-tallymark-3:before,
+.ti-tallymark-4:before,
+.ti-tallymarks:before,
+.ti-tank:before,
+.ti-target:before,
+.ti-temperature:before,
+.ti-temperature-celsius:before,
+.ti-temperature-fahrenheit:before,
+.ti-temperature-minus:before,
+.ti-temperature-plus:before,
+.ti-template:before,
+.ti-tent:before,
+.ti-terminal:before,
+.ti-terminal-2:before,
+.ti-test-pipe:before,
+.ti-text-direction-ltr:before,
+.ti-text-direction-rtl:before,
+.ti-text-wrap:before,
+.ti-text-wrap-disabled:before,
+.ti-thumb-down:before,
+.ti-thumb-up:before,
+.ti-ticket:before,
+.ti-tilt-shift:before,
+.ti-tir:before,
+.ti-toggle-left:before,
+.ti-toggle-right:before,
+.ti-tool:before,
+.ti-tools:before,
+.ti-tools-kitchen:before,
+.ti-tools-kitchen-2:before,
+.ti-tornado:before,
+.ti-tournament:before,
+.ti-track:before,
+.ti-tractor:before,
+.ti-trademark:before,
+.ti-traffic-cone:before,
+.ti-traffic-lights:before,
+.ti-train:before,
+.ti-trash:before,
+.ti-trash-off:before,
+.ti-tree:before,
+.ti-trees:before,
+.ti-trending-down:before,
+.ti-trending-down-2:before,
+.ti-trending-down-3:before,
+.ti-trending-up:before,
+.ti-trending-up-2:before,
+.ti-trending-up-3:before,
+.ti-triangle:before,
+.ti-triangle-off:before,
+.ti-triangle-square-circle:before,
+.ti-trident:before,
+.ti-trophy:before,
+.ti-truck:before,
+.ti-truck-delivery:before,
+.ti-truck-off:before,
+.ti-truck-return:before,
+.ti-typography:before,
+.ti-umbrella:before,
+.ti-underline:before,
+.ti-unlink:before,
+.ti-upload:before,
+.ti-urgent:before,
+.ti-user:before,
+.ti-user-check:before,
+.ti-user-exclamation:before,
+.ti-user-minus:before,
+.ti-user-off:before,
+.ti-user-plus:before,
+.ti-user-x:before,
+.ti-users:before,
+.ti-vaccine:before,
+.ti-variable:before,
+.ti-vector:before,
+.ti-vector-beizer:before,
+.ti-vector-beizer-2:before,
+.ti-vector-triangle:before,
+.ti-venus:before,
+.ti-versions:before,
+.ti-video:before,
+.ti-video-minus:before,
+.ti-video-off:before,
+.ti-video-plus:before,
+.ti-view-360:before,
+.ti-viewfinder:before,
+.ti-viewport-narrow:before,
+.ti-viewport-wide:before,
+.ti-virus:before,
+.ti-virus-off:before,
+.ti-virus-search:before,
+.ti-volume:before,
+.ti-volume-2:before,
+.ti-volume-3:before,
+.ti-walk:before,
+.ti-wallet:before,
+.ti-wand:before,
+.ti-wave-saw-tool:before,
+.ti-wave-sine:before,
+.ti-wave-square:before,
+.ti-wifi:before,
+.ti-wifi-0:before,
+.ti-wifi-1:before,
+.ti-wifi-2:before,
+.ti-wifi-off:before,
+.ti-wind:before,
+.ti-windmill:before,
+.ti-window:before,
+.ti-wiper:before,
+.ti-wiper-wash:before,
+.ti-woman:before,
+.ti-world:before,
+.ti-world-latitude:before,
+.ti-world-longitude:before,
+.ti-wrecking-ball:before,
+.ti-writing:before,
+.ti-writing-sign:before,
+.ti-x:before,
+.ti-yin-yang:before,
+.ti-zodiac-aquarius:before,
+.ti-zodiac-aries:before,
+.ti-zodiac-cancer:before,
+.ti-zodiac-capricorn:before,
+.ti-zodiac-gemini:before,
+.ti-zodiac-leo:before,
+.ti-zodiac-libra:before,
+.ti-zodiac-pisces:before,
+.ti-zodiac-sagittarius:before,
+.ti-zodiac-scorpio:before,
+.ti-zodiac-taurus:before,
+.ti-zodiac-virgo:before,
+.ti-zoom-cancel:before,
+.ti-zoom-check:before,
+.ti-zoom-in:before,
+.ti-zoom-money:before,
+.ti-zoom-out:before {
+ display: inline-block;
+ font-family: "tabler-icons";
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ line-height: 1;
+ text-decoration: inherit;
+ text-rendering: optimizeLegibility;
+ text-transform: none;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-smoothing: antialiased;
+ }
+
+ .ti-2fa:before { content: "\100df"; }
+.ti-3d-cube-sphere:before { content: "\100e0"; }
+.ti-a-b:before { content: "\100e1"; }
+.ti-access-point:before { content: "\100e2"; }
+.ti-access-point-off:before { content: "\100e3"; }
+.ti-accessible:before { content: "\100e4"; }
+.ti-activity:before { content: "\100e5"; }
+.ti-ad:before { content: "\100e6"; }
+.ti-adjustments:before { content: "\100e7"; }
+.ti-adjustments-alt:before { content: "\100e8"; }
+.ti-adjustments-horizontal:before { content: "\100e9"; }
+.ti-aerial-lift:before { content: "\100ea"; }
+.ti-affiliate:before { content: "\100eb"; }
+.ti-alarm:before { content: "\100ec"; }
+.ti-alert-circle:before { content: "\100ed"; }
+.ti-alert-octagon:before { content: "\100ee"; }
+.ti-alert-triangle:before { content: "\100ef"; }
+.ti-alien:before { content: "\100f0"; }
+.ti-align-center:before { content: "\100f1"; }
+.ti-align-justified:before { content: "\100f2"; }
+.ti-align-left:before { content: "\100f3"; }
+.ti-align-right:before { content: "\100f4"; }
+.ti-ambulance:before { content: "\100f5"; }
+.ti-anchor:before { content: "\100f6"; }
+.ti-antenna-bars-1:before { content: "\100f7"; }
+.ti-antenna-bars-2:before { content: "\100f8"; }
+.ti-antenna-bars-3:before { content: "\100f9"; }
+.ti-antenna-bars-4:before { content: "\100fa"; }
+.ti-antenna-bars-5:before { content: "\100fb"; }
+.ti-aperture:before { content: "\100fc"; }
+.ti-apps:before { content: "\100fd"; }
+.ti-archive:before { content: "\100fe"; }
+.ti-arrow-back:before { content: "\100ff"; }
+.ti-arrow-back-up:before { content: "\10100"; }
+.ti-arrow-bar-down:before { content: "\10101"; }
+.ti-arrow-bar-left:before { content: "\10102"; }
+.ti-arrow-bar-right:before { content: "\10103"; }
+.ti-arrow-bar-to-down:before { content: "\10104"; }
+.ti-arrow-bar-to-left:before { content: "\10105"; }
+.ti-arrow-bar-to-right:before { content: "\10106"; }
+.ti-arrow-bar-to-up:before { content: "\10107"; }
+.ti-arrow-bar-up:before { content: "\10108"; }
+.ti-arrow-bottom-bar:before { content: "\10109"; }
+.ti-arrow-bottom-circle:before { content: "\1010a"; }
+.ti-arrow-bottom-square:before { content: "\1010b"; }
+.ti-arrow-bottom-tail:before { content: "\1010c"; }
+.ti-arrow-down:before { content: "\1010d"; }
+.ti-arrow-down-circle:before { content: "\1010e"; }
+.ti-arrow-down-left:before { content: "\1010f"; }
+.ti-arrow-down-left-circle:before { content: "\10110"; }
+.ti-arrow-down-right:before { content: "\10111"; }
+.ti-arrow-down-right-circle:before { content: "\10112"; }
+.ti-arrow-forward:before { content: "\10113"; }
+.ti-arrow-forward-up:before { content: "\10114"; }
+.ti-arrow-left:before { content: "\10115"; }
+.ti-arrow-left-bar:before { content: "\10116"; }
+.ti-arrow-left-circle:before { content: "\10117"; }
+.ti-arrow-left-square:before { content: "\10118"; }
+.ti-arrow-left-tail:before { content: "\10119"; }
+.ti-arrow-loop-left:before { content: "\1011a"; }
+.ti-arrow-loop-right:before { content: "\1011b"; }
+.ti-arrow-narrow-down:before { content: "\1011c"; }
+.ti-arrow-narrow-left:before { content: "\1011d"; }
+.ti-arrow-narrow-right:before { content: "\1011e"; }
+.ti-arrow-narrow-up:before { content: "\1011f"; }
+.ti-arrow-ramp-left:before { content: "\10120"; }
+.ti-arrow-ramp-right:before { content: "\10121"; }
+.ti-arrow-right:before { content: "\10122"; }
+.ti-arrow-right-bar:before { content: "\10123"; }
+.ti-arrow-right-circle:before { content: "\10124"; }
+.ti-arrow-right-square:before { content: "\10125"; }
+.ti-arrow-right-tail:before { content: "\10126"; }
+.ti-arrow-top-bar:before { content: "\10127"; }
+.ti-arrow-top-circle:before { content: "\10128"; }
+.ti-arrow-top-square:before { content: "\10129"; }
+.ti-arrow-top-tail:before { content: "\1012a"; }
+.ti-arrow-up:before { content: "\1012b"; }
+.ti-arrow-up-circle:before { content: "\1012c"; }
+.ti-arrow-up-left:before { content: "\1012d"; }
+.ti-arrow-up-left-circle:before { content: "\1012e"; }
+.ti-arrow-up-right:before { content: "\1012f"; }
+.ti-arrow-up-right-circle:before { content: "\10130"; }
+.ti-arrow-wave-left-down:before { content: "\10131"; }
+.ti-arrow-wave-left-up:before { content: "\10132"; }
+.ti-arrow-wave-right-down:before { content: "\10133"; }
+.ti-arrow-wave-right-up:before { content: "\10134"; }
+.ti-arrows-diagonal:before { content: "\10135"; }
+.ti-arrows-diagonal-2:before { content: "\10136"; }
+.ti-arrows-down:before { content: "\10137"; }
+.ti-arrows-down-up:before { content: "\10138"; }
+.ti-arrows-horizontal:before { content: "\10139"; }
+.ti-arrows-join:before { content: "\1013a"; }
+.ti-arrows-join-2:before { content: "\1013b"; }
+.ti-arrows-left:before { content: "\1013c"; }
+.ti-arrows-left-down:before { content: "\1013d"; }
+.ti-arrows-left-right:before { content: "\1013e"; }
+.ti-arrows-maximize:before { content: "\1013f"; }
+.ti-arrows-minimize:before { content: "\10140"; }
+.ti-arrows-right:before { content: "\10141"; }
+.ti-arrows-right-down:before { content: "\10142"; }
+.ti-arrows-right-left:before { content: "\10143"; }
+.ti-arrows-sort:before { content: "\10144"; }
+.ti-arrows-split:before { content: "\10145"; }
+.ti-arrows-split-2:before { content: "\10146"; }
+.ti-arrows-up:before { content: "\10147"; }
+.ti-arrows-up-down:before { content: "\10148"; }
+.ti-arrows-up-left:before { content: "\10149"; }
+.ti-arrows-up-right:before { content: "\1014a"; }
+.ti-arrows-vertical:before { content: "\1014b"; }
+.ti-artboard:before { content: "\1014c"; }
+.ti-aspect-ratio:before { content: "\1014d"; }
+.ti-at:before { content: "\1014e"; }
+.ti-atom:before { content: "\1014f"; }
+.ti-atom-2:before { content: "\10150"; }
+.ti-award:before { content: "\10151"; }
+.ti-backhoe:before { content: "\10152"; }
+.ti-backspace:before { content: "\10153"; }
+.ti-ball-american-football:before { content: "\10154"; }
+.ti-ball-basketball:before { content: "\10155"; }
+.ti-ball-bowling:before { content: "\10156"; }
+.ti-ball-football:before { content: "\10157"; }
+.ti-ball-football-off:before { content: "\10158"; }
+.ti-ball-tennis:before { content: "\10159"; }
+.ti-ball-volleyball:before { content: "\1015a"; }
+.ti-ban:before { content: "\1015b"; }
+.ti-bandage:before { content: "\1015c"; }
+.ti-barcode:before { content: "\1015d"; }
+.ti-basket:before { content: "\1015e"; }
+.ti-battery:before { content: "\1015f"; }
+.ti-battery-1:before { content: "\10160"; }
+.ti-battery-2:before { content: "\10161"; }
+.ti-battery-3:before { content: "\10162"; }
+.ti-battery-4:before { content: "\10163"; }
+.ti-battery-automotive:before { content: "\10164"; }
+.ti-battery-charging:before { content: "\10165"; }
+.ti-battery-off:before { content: "\10166"; }
+.ti-bed:before { content: "\10167"; }
+.ti-bell:before { content: "\10168"; }
+.ti-bell-off:before { content: "\10169"; }
+.ti-bell-ringing:before { content: "\1016a"; }
+.ti-bell-ringing-2:before { content: "\1016b"; }
+.ti-bike:before { content: "\1016c"; }
+.ti-binary:before { content: "\1016d"; }
+.ti-biohazard:before { content: "\1016e"; }
+.ti-blockquote:before { content: "\1016f"; }
+.ti-bluetooth:before { content: "\10170"; }
+.ti-bluetooth-connected:before { content: "\10171"; }
+.ti-bluetooth-off:before { content: "\10172"; }
+.ti-bold:before { content: "\10173"; }
+.ti-bolt:before { content: "\10174"; }
+.ti-bolt-off:before { content: "\10175"; }
+.ti-bone:before { content: "\10176"; }
+.ti-book:before { content: "\10177"; }
+.ti-bookmark:before { content: "\10178"; }
+.ti-bookmark-off:before { content: "\10179"; }
+.ti-bookmarks:before { content: "\1017a"; }
+.ti-border-all:before { content: "\1017b"; }
+.ti-border-bottom:before { content: "\1017c"; }
+.ti-border-horizontal:before { content: "\1017d"; }
+.ti-border-inner:before { content: "\1017e"; }
+.ti-border-left:before { content: "\1017f"; }
+.ti-border-none:before { content: "\10180"; }
+.ti-border-outer:before { content: "\10181"; }
+.ti-border-radius:before { content: "\10182"; }
+.ti-border-right:before { content: "\10183"; }
+.ti-border-style:before { content: "\10184"; }
+.ti-border-top:before { content: "\10185"; }
+.ti-border-vertical:before { content: "\10186"; }
+.ti-box:before { content: "\10187"; }
+.ti-box-margin:before { content: "\10188"; }
+.ti-box-model:before { content: "\10189"; }
+.ti-box-multiple:before { content: "\1018a"; }
+.ti-box-multiple-0:before { content: "\1018b"; }
+.ti-box-multiple-1:before { content: "\1018c"; }
+.ti-box-multiple-2:before { content: "\1018d"; }
+.ti-box-multiple-3:before { content: "\1018e"; }
+.ti-box-multiple-4:before { content: "\1018f"; }
+.ti-box-multiple-5:before { content: "\10190"; }
+.ti-box-multiple-6:before { content: "\10191"; }
+.ti-box-multiple-7:before { content: "\10192"; }
+.ti-box-multiple-8:before { content: "\10193"; }
+.ti-box-multiple-9:before { content: "\10194"; }
+.ti-box-padding:before { content: "\10195"; }
+.ti-braces:before { content: "\10196"; }
+.ti-brackets:before { content: "\10197"; }
+.ti-brand-airbnb:before { content: "\10198"; }
+.ti-brand-android:before { content: "\10199"; }
+.ti-brand-apple:before { content: "\1019a"; }
+.ti-brand-apple-arcade:before { content: "\1019b"; }
+.ti-brand-appstore:before { content: "\1019c"; }
+.ti-brand-asana:before { content: "\1019d"; }
+.ti-brand-behance:before { content: "\1019e"; }
+.ti-brand-bing:before { content: "\1019f"; }
+.ti-brand-bitbucket:before { content: "\101a0"; }
+.ti-brand-booking:before { content: "\101a1"; }
+.ti-brand-chrome:before { content: "\101a2"; }
+.ti-brand-codepen:before { content: "\101a3"; }
+.ti-brand-codesandbox:before { content: "\101a4"; }
+.ti-brand-css3:before { content: "\101a5"; }
+.ti-brand-deviantart:before { content: "\101a6"; }
+.ti-brand-discord:before { content: "\101a7"; }
+.ti-brand-disqus:before { content: "\101a8"; }
+.ti-brand-docker:before { content: "\101a9"; }
+.ti-brand-dribbble:before { content: "\101aa"; }
+.ti-brand-edge:before { content: "\101ab"; }
+.ti-brand-facebook:before { content: "\101ac"; }
+.ti-brand-figma:before { content: "\101ad"; }
+.ti-brand-firefox:before { content: "\101ae"; }
+.ti-brand-flickr:before { content: "\101af"; }
+.ti-brand-foursquare:before { content: "\101b0"; }
+.ti-brand-framer:before { content: "\101b1"; }
+.ti-brand-github:before { content: "\101b2"; }
+.ti-brand-gitlab:before { content: "\101b3"; }
+.ti-brand-google:before { content: "\101b4"; }
+.ti-brand-google-analytics:before { content: "\101b5"; }
+.ti-brand-google-drive:before { content: "\101b6"; }
+.ti-brand-google-play:before { content: "\101b7"; }
+.ti-brand-gravatar:before { content: "\101b8"; }
+.ti-brand-hipchat:before { content: "\101b9"; }
+.ti-brand-html5:before { content: "\101ba"; }
+.ti-brand-instagram:before { content: "\101bb"; }
+.ti-brand-kickstarter:before { content: "\101bc"; }
+.ti-brand-kotlin:before { content: "\101bd"; }
+.ti-brand-linkedin:before { content: "\101be"; }
+.ti-brand-medium:before { content: "\101bf"; }
+.ti-brand-messenger:before { content: "\101c0"; }
+.ti-brand-netflix:before { content: "\101c1"; }
+.ti-brand-open-source:before { content: "\101c2"; }
+.ti-brand-opera:before { content: "\101c3"; }
+.ti-brand-pagekit:before { content: "\101c4"; }
+.ti-brand-patreon:before { content: "\101c5"; }
+.ti-brand-paypal:before { content: "\101c6"; }
+.ti-brand-pinterest:before { content: "\101c7"; }
+.ti-brand-pocket:before { content: "\101c8"; }
+.ti-brand-producthunt:before { content: "\101c9"; }
+.ti-brand-python:before { content: "\101ca"; }
+.ti-brand-reddit:before { content: "\101cb"; }
+.ti-brand-safari:before { content: "\101cc"; }
+.ti-brand-sass:before { content: "\101cd"; }
+.ti-brand-sentry:before { content: "\101ce"; }
+.ti-brand-shazam:before { content: "\101cf"; }
+.ti-brand-sketch:before { content: "\101d0"; }
+.ti-brand-skype:before { content: "\101d1"; }
+.ti-brand-slack:before { content: "\101d2"; }
+.ti-brand-snapchat:before { content: "\101d3"; }
+.ti-brand-soundcloud:before { content: "\101d4"; }
+.ti-brand-spotify:before { content: "\101d5"; }
+.ti-brand-steam:before { content: "\101d6"; }
+.ti-brand-stripe:before { content: "\101d7"; }
+.ti-brand-tabler:before { content: "\101d8"; }
+.ti-brand-tailwind:before { content: "\101d9"; }
+.ti-brand-telegram:before { content: "\101da"; }
+.ti-brand-tidal:before { content: "\101db"; }
+.ti-brand-tiktok:before { content: "\101dc"; }
+.ti-brand-tinder:before { content: "\101dd"; }
+.ti-brand-tumblr:before { content: "\101de"; }
+.ti-brand-twitch:before { content: "\101df"; }
+.ti-brand-twitter:before { content: "\101e0"; }
+.ti-brand-unsplash:before { content: "\101e1"; }
+.ti-brand-vimeo:before { content: "\101e2"; }
+.ti-brand-vk:before { content: "\101e3"; }
+.ti-brand-whatsapp:before { content: "\101e4"; }
+.ti-brand-windows:before { content: "\101e5"; }
+.ti-brand-yahoo:before { content: "\101e6"; }
+.ti-brand-ycombinator:before { content: "\101e7"; }
+.ti-brand-youtube:before { content: "\101e8"; }
+.ti-briefcase:before { content: "\101e9"; }
+.ti-brightness:before { content: "\101ea"; }
+.ti-brightness-2:before { content: "\101eb"; }
+.ti-brightness-down:before { content: "\101ec"; }
+.ti-brightness-half:before { content: "\101ed"; }
+.ti-brightness-up:before { content: "\101ee"; }
+.ti-browser:before { content: "\101ef"; }
+.ti-brush:before { content: "\101f0"; }
+.ti-bucket:before { content: "\101f1"; }
+.ti-bug:before { content: "\101f2"; }
+.ti-building:before { content: "\101f3"; }
+.ti-building-arch:before { content: "\101f4"; }
+.ti-building-bank:before { content: "\101f5"; }
+.ti-building-bridge:before { content: "\101f6"; }
+.ti-building-bridge-2:before { content: "\101f7"; }
+.ti-building-carousel:before { content: "\101f8"; }
+.ti-building-castle:before { content: "\101f9"; }
+.ti-building-church:before { content: "\101fa"; }
+.ti-building-community:before { content: "\101fb"; }
+.ti-building-cottage:before { content: "\101fc"; }
+.ti-building-factory:before { content: "\101fd"; }
+.ti-building-fortress:before { content: "\101fe"; }
+.ti-building-hospital:before { content: "\101ff"; }
+.ti-building-lighthouse:before { content: "\10200"; }
+.ti-building-monument:before { content: "\10201"; }
+.ti-building-pavilon:before { content: "\10202"; }
+.ti-building-skyscraper:before { content: "\10203"; }
+.ti-building-store:before { content: "\10204"; }
+.ti-building-warehouse:before { content: "\10205"; }
+.ti-bulb:before { content: "\10206"; }
+.ti-bulb-off:before { content: "\10207"; }
+.ti-bulldozer:before { content: "\10208"; }
+.ti-bus:before { content: "\10209"; }
+.ti-businessplan:before { content: "\1020a"; }
+.ti-calculator:before { content: "\1020b"; }
+.ti-calendar:before { content: "\1020c"; }
+.ti-calendar-event:before { content: "\1020d"; }
+.ti-calendar-minus:before { content: "\1020e"; }
+.ti-calendar-off:before { content: "\1020f"; }
+.ti-calendar-plus:before { content: "\10210"; }
+.ti-calendar-stats:before { content: "\10211"; }
+.ti-calendar-time:before { content: "\10212"; }
+.ti-camera:before { content: "\10213"; }
+.ti-camera-minus:before { content: "\10214"; }
+.ti-camera-off:before { content: "\10215"; }
+.ti-camera-plus:before { content: "\10216"; }
+.ti-camera-rotate:before { content: "\10217"; }
+.ti-camera-selfie:before { content: "\10218"; }
+.ti-capture:before { content: "\10219"; }
+.ti-car:before { content: "\1021a"; }
+.ti-caravan:before { content: "\1021b"; }
+.ti-cardboards:before { content: "\1021c"; }
+.ti-caret-down:before { content: "\1021d"; }
+.ti-caret-left:before { content: "\1021e"; }
+.ti-caret-right:before { content: "\1021f"; }
+.ti-caret-up:before { content: "\10220"; }
+.ti-cash:before { content: "\10221"; }
+.ti-cash-banknote:before { content: "\10222"; }
+.ti-cash-banknote-off:before { content: "\10223"; }
+.ti-cast:before { content: "\10224"; }
+.ti-ce:before { content: "\10225"; }
+.ti-certificate:before { content: "\10226"; }
+.ti-charging-pile:before { content: "\10227"; }
+.ti-chart-arcs:before { content: "\10228"; }
+.ti-chart-arcs-3:before { content: "\10229"; }
+.ti-chart-area:before { content: "\1022a"; }
+.ti-chart-area-line:before { content: "\1022b"; }
+.ti-chart-arrows:before { content: "\1022c"; }
+.ti-chart-arrows-vertical:before { content: "\1022d"; }
+.ti-chart-bar:before { content: "\1022e"; }
+.ti-chart-bubble:before { content: "\1022f"; }
+.ti-chart-candle:before { content: "\10230"; }
+.ti-chart-circles:before { content: "\10231"; }
+.ti-chart-donut:before { content: "\10232"; }
+.ti-chart-donut-2:before { content: "\10233"; }
+.ti-chart-donut-3:before { content: "\10234"; }
+.ti-chart-donut-4:before { content: "\10235"; }
+.ti-chart-dots:before { content: "\10236"; }
+.ti-chart-infographic:before { content: "\10237"; }
+.ti-chart-line:before { content: "\10238"; }
+.ti-chart-pie:before { content: "\10239"; }
+.ti-chart-pie-2:before { content: "\1023a"; }
+.ti-chart-pie-3:before { content: "\1023b"; }
+.ti-chart-pie-4:before { content: "\1023c"; }
+.ti-chart-radar:before { content: "\1023d"; }
+.ti-check:before { content: "\1023e"; }
+.ti-checkbox:before { content: "\1023f"; }
+.ti-checks:before { content: "\10240"; }
+.ti-chevron-down:before { content: "\10241"; }
+.ti-chevron-down-left:before { content: "\10242"; }
+.ti-chevron-down-right:before { content: "\10243"; }
+.ti-chevron-left:before { content: "\10244"; }
+.ti-chevron-right:before { content: "\10245"; }
+.ti-chevron-up:before { content: "\10246"; }
+.ti-chevron-up-left:before { content: "\10247"; }
+.ti-chevron-up-right:before { content: "\10248"; }
+.ti-chevrons-down:before { content: "\10249"; }
+.ti-chevrons-down-left:before { content: "\1024a"; }
+.ti-chevrons-down-right:before { content: "\1024b"; }
+.ti-chevrons-left:before { content: "\1024c"; }
+.ti-chevrons-right:before { content: "\1024d"; }
+.ti-chevrons-up:before { content: "\1024e"; }
+.ti-chevrons-up-left:before { content: "\1024f"; }
+.ti-chevrons-up-right:before { content: "\10250"; }
+.ti-christmas-tree:before { content: "\10251"; }
+.ti-circle:before { content: "\10252"; }
+.ti-circle-0:before { content: "\10253"; }
+.ti-circle-1:before { content: "\10254"; }
+.ti-circle-2:before { content: "\10255"; }
+.ti-circle-3:before { content: "\10256"; }
+.ti-circle-4:before { content: "\10257"; }
+.ti-circle-5:before { content: "\10258"; }
+.ti-circle-6:before { content: "\10259"; }
+.ti-circle-7:before { content: "\1025a"; }
+.ti-circle-8:before { content: "\1025b"; }
+.ti-circle-9:before { content: "\1025c"; }
+.ti-circle-check:before { content: "\1025d"; }
+.ti-circle-dashed:before { content: "\1025e"; }
+.ti-circle-dotted:before { content: "\1025f"; }
+.ti-circle-half:before { content: "\10260"; }
+.ti-circle-half-vertical:before { content: "\10261"; }
+.ti-circle-minus:before { content: "\10262"; }
+.ti-circle-off:before { content: "\10263"; }
+.ti-circle-plus:before { content: "\10264"; }
+.ti-circle-square:before { content: "\10265"; }
+.ti-circle-x:before { content: "\10266"; }
+.ti-circles:before { content: "\10267"; }
+.ti-clear-all:before { content: "\10268"; }
+.ti-clear-formatting:before { content: "\10269"; }
+.ti-click:before { content: "\1026a"; }
+.ti-clipboard:before { content: "\1026b"; }
+.ti-clipboard-check:before { content: "\1026c"; }
+.ti-clipboard-list:before { content: "\1026d"; }
+.ti-clipboard-x:before { content: "\1026e"; }
+.ti-clock:before { content: "\1026f"; }
+.ti-cloud:before { content: "\10270"; }
+.ti-cloud-download:before { content: "\10271"; }
+.ti-cloud-fog:before { content: "\10272"; }
+.ti-cloud-off:before { content: "\10273"; }
+.ti-cloud-rain:before { content: "\10274"; }
+.ti-cloud-snow:before { content: "\10275"; }
+.ti-cloud-storm:before { content: "\10276"; }
+.ti-cloud-upload:before { content: "\10277"; }
+.ti-code:before { content: "\10278"; }
+.ti-code-minus:before { content: "\10279"; }
+.ti-code-plus:before { content: "\1027a"; }
+.ti-coin:before { content: "\1027b"; }
+.ti-color-picker:before { content: "\1027c"; }
+.ti-color-swatch:before { content: "\1027d"; }
+.ti-column-insert-left:before { content: "\1027e"; }
+.ti-column-insert-right:before { content: "\1027f"; }
+.ti-columns:before { content: "\10280"; }
+.ti-comet:before { content: "\10281"; }
+.ti-command:before { content: "\10282"; }
+.ti-compass:before { content: "\10283"; }
+.ti-confetti:before { content: "\10284"; }
+.ti-container:before { content: "\10285"; }
+.ti-contrast:before { content: "\10286"; }
+.ti-copy:before { content: "\10287"; }
+.ti-copyleft:before { content: "\10288"; }
+.ti-copyright:before { content: "\10289"; }
+.ti-corner-down-left:before { content: "\1028a"; }
+.ti-corner-down-left-double:before { content: "\1028b"; }
+.ti-corner-down-right:before { content: "\1028c"; }
+.ti-corner-down-right-double:before { content: "\1028d"; }
+.ti-corner-left-down:before { content: "\1028e"; }
+.ti-corner-left-down-double:before { content: "\1028f"; }
+.ti-corner-left-up:before { content: "\10290"; }
+.ti-corner-left-up-double:before { content: "\10291"; }
+.ti-corner-right-down:before { content: "\10292"; }
+.ti-corner-right-down-double:before { content: "\10293"; }
+.ti-corner-right-up:before { content: "\10294"; }
+.ti-corner-right-up-double:before { content: "\10295"; }
+.ti-corner-up-left:before { content: "\10296"; }
+.ti-corner-up-left-double:before { content: "\10297"; }
+.ti-corner-up-right:before { content: "\10298"; }
+.ti-corner-up-right-double:before { content: "\10299"; }
+.ti-credit-card:before { content: "\1029a"; }
+.ti-credit-card-off:before { content: "\1029b"; }
+.ti-crop:before { content: "\1029c"; }
+.ti-crosshair:before { content: "\1029d"; }
+.ti-crown:before { content: "\1029e"; }
+.ti-crown-off:before { content: "\1029f"; }
+.ti-curly-loop:before { content: "\102a0"; }
+.ti-currency-bahraini:before { content: "\102a1"; }
+.ti-currency-bath:before { content: "\102a2"; }
+.ti-currency-bitcoin:before { content: "\102a3"; }
+.ti-currency-cent:before { content: "\102a4"; }
+.ti-currency-dinar:before { content: "\102a5"; }
+.ti-currency-dirham:before { content: "\102a6"; }
+.ti-currency-dollar:before { content: "\102a7"; }
+.ti-currency-dollar-australian:before { content: "\102a8"; }
+.ti-currency-dollar-canadian:before { content: "\102a9"; }
+.ti-currency-dollar-singapore:before { content: "\102aa"; }
+.ti-currency-ethereum:before { content: "\102ab"; }
+.ti-currency-euro:before { content: "\102ac"; }
+.ti-currency-forint:before { content: "\102ad"; }
+.ti-currency-frank:before { content: "\102ae"; }
+.ti-currency-krone-czech:before { content: "\102af"; }
+.ti-currency-krone-danish:before { content: "\102b0"; }
+.ti-currency-krone-swedish:before { content: "\102b1"; }
+.ti-currency-leu:before { content: "\102b2"; }
+.ti-currency-lira:before { content: "\102b3"; }
+.ti-currency-litecoin:before { content: "\102b4"; }
+.ti-currency-naira:before { content: "\102b5"; }
+.ti-currency-pound:before { content: "\102b6"; }
+.ti-currency-real:before { content: "\102b7"; }
+.ti-currency-renminbi:before { content: "\102b8"; }
+.ti-currency-ripple:before { content: "\102b9"; }
+.ti-currency-riyal:before { content: "\102ba"; }
+.ti-currency-rubel:before { content: "\102bb"; }
+.ti-currency-rupee:before { content: "\102bc"; }
+.ti-currency-shekel:before { content: "\102bd"; }
+.ti-currency-taka:before { content: "\102be"; }
+.ti-currency-tugrik:before { content: "\102bf"; }
+.ti-currency-won:before { content: "\102c0"; }
+.ti-currency-yen:before { content: "\102c1"; }
+.ti-currency-zloty:before { content: "\102c2"; }
+.ti-current-location:before { content: "\102c3"; }
+.ti-cursor-text:before { content: "\102c4"; }
+.ti-cut:before { content: "\102c5"; }
+.ti-dashboard:before { content: "\102c6"; }
+.ti-database:before { content: "\102c7"; }
+.ti-database-export:before { content: "\102c8"; }
+.ti-database-import:before { content: "\102c9"; }
+.ti-database-off:before { content: "\102ca"; }
+.ti-details:before { content: "\102cb"; }
+.ti-device-analytics:before { content: "\102cc"; }
+.ti-device-audio-tape:before { content: "\102cd"; }
+.ti-device-cctv:before { content: "\102ce"; }
+.ti-device-computer-camera:before { content: "\102cf"; }
+.ti-device-computer-camera-off:before { content: "\102d0"; }
+.ti-device-desktop:before { content: "\102d1"; }
+.ti-device-desktop-analytics:before { content: "\102d2"; }
+.ti-device-desktop-off:before { content: "\102d3"; }
+.ti-device-floppy:before { content: "\102d4"; }
+.ti-device-gamepad:before { content: "\102d5"; }
+.ti-device-laptop:before { content: "\102d6"; }
+.ti-device-mobile:before { content: "\102d7"; }
+.ti-device-mobile-message:before { content: "\102d8"; }
+.ti-device-mobile-rotated:before { content: "\102d9"; }
+.ti-device-mobile-vibration:before { content: "\102da"; }
+.ti-device-speaker:before { content: "\102db"; }
+.ti-device-tablet:before { content: "\102dc"; }
+.ti-device-tv:before { content: "\102dd"; }
+.ti-device-watch:before { content: "\102de"; }
+.ti-devices:before { content: "\102df"; }
+.ti-devices-2:before { content: "\102e0"; }
+.ti-devices-pc:before { content: "\102e1"; }
+.ti-diamond:before { content: "\102e2"; }
+.ti-dice:before { content: "\102e3"; }
+.ti-dimensions:before { content: "\102e4"; }
+.ti-direction:before { content: "\102e5"; }
+.ti-direction-horizontal:before { content: "\102e6"; }
+.ti-directions:before { content: "\102e7"; }
+.ti-disabled:before { content: "\102e8"; }
+.ti-disabled-2:before { content: "\102e9"; }
+.ti-disc:before { content: "\102ea"; }
+.ti-discount:before { content: "\102eb"; }
+.ti-discount-2:before { content: "\102ec"; }
+.ti-divide:before { content: "\102ed"; }
+.ti-dna:before { content: "\102ee"; }
+.ti-dots:before { content: "\102ef"; }
+.ti-dots-circle-horizontal:before { content: "\102f0"; }
+.ti-dots-diagonal:before { content: "\102f1"; }
+.ti-dots-diagonal-2:before { content: "\102f2"; }
+.ti-dots-vertical:before { content: "\102f3"; }
+.ti-download:before { content: "\102f4"; }
+.ti-drag-drop:before { content: "\102f5"; }
+.ti-drag-drop-2:before { content: "\102f6"; }
+.ti-drone:before { content: "\102f7"; }
+.ti-drone-off:before { content: "\102f8"; }
+.ti-droplet:before { content: "\102f9"; }
+.ti-droplet-filled:before { content: "\102fa"; }
+.ti-droplet-filled-2:before { content: "\102fb"; }
+.ti-droplet-half:before { content: "\102fc"; }
+.ti-droplet-half-2:before { content: "\102fd"; }
+.ti-droplet-off:before { content: "\102fe"; }
+.ti-ear:before { content: "\102ff"; }
+.ti-ear-off:before { content: "\10300"; }
+.ti-edit:before { content: "\10301"; }
+.ti-edit-circle:before { content: "\10302"; }
+.ti-egg:before { content: "\10303"; }
+.ti-emphasis:before { content: "\10304"; }
+.ti-equal:before { content: "\10305"; }
+.ti-equal-not:before { content: "\10306"; }
+.ti-eraser:before { content: "\10307"; }
+.ti-exchange:before { content: "\10308"; }
+.ti-exposure:before { content: "\10309"; }
+.ti-external-link:before { content: "\1030a"; }
+.ti-eye:before { content: "\1030b"; }
+.ti-eye-check:before { content: "\1030c"; }
+.ti-eye-off:before { content: "\1030d"; }
+.ti-eyeglass:before { content: "\1030e"; }
+.ti-eyeglass-2:before { content: "\1030f"; }
+.ti-face-id:before { content: "\10310"; }
+.ti-fall:before { content: "\10311"; }
+.ti-feather:before { content: "\10312"; }
+.ti-file:before { content: "\10313"; }
+.ti-file-alert:before { content: "\10314"; }
+.ti-file-analytics:before { content: "\10315"; }
+.ti-file-certificate:before { content: "\10316"; }
+.ti-file-check:before { content: "\10317"; }
+.ti-file-code:before { content: "\10318"; }
+.ti-file-code-2:before { content: "\10319"; }
+.ti-file-diff:before { content: "\1031a"; }
+.ti-file-dislike:before { content: "\1031b"; }
+.ti-file-download:before { content: "\1031c"; }
+.ti-file-export:before { content: "\1031d"; }
+.ti-file-horizontal:before { content: "\1031e"; }
+.ti-file-import:before { content: "\1031f"; }
+.ti-file-info:before { content: "\10320"; }
+.ti-file-invoice:before { content: "\10321"; }
+.ti-file-like:before { content: "\10322"; }
+.ti-file-minus:before { content: "\10323"; }
+.ti-file-music:before { content: "\10324"; }
+.ti-file-off:before { content: "\10325"; }
+.ti-file-phone:before { content: "\10326"; }
+.ti-file-plus:before { content: "\10327"; }
+.ti-file-report:before { content: "\10328"; }
+.ti-file-search:before { content: "\10329"; }
+.ti-file-shredder:before { content: "\1032a"; }
+.ti-file-symlink:before { content: "\1032b"; }
+.ti-file-text:before { content: "\1032c"; }
+.ti-file-upload:before { content: "\1032d"; }
+.ti-file-x:before { content: "\1032e"; }
+.ti-file-zip:before { content: "\1032f"; }
+.ti-files:before { content: "\10330"; }
+.ti-files-off:before { content: "\10331"; }
+.ti-filter:before { content: "\10332"; }
+.ti-filter-off:before { content: "\10333"; }
+.ti-fingerprint:before { content: "\10334"; }
+.ti-firetruck:before { content: "\10335"; }
+.ti-flag:before { content: "\10336"; }
+.ti-flag-2:before { content: "\10337"; }
+.ti-flag-3:before { content: "\10338"; }
+.ti-flame:before { content: "\10339"; }
+.ti-flare:before { content: "\1033a"; }
+.ti-flask:before { content: "\1033b"; }
+.ti-flip-horizontal:before { content: "\1033c"; }
+.ti-flip-vertical:before { content: "\1033d"; }
+.ti-float-center:before { content: "\1033e"; }
+.ti-float-left:before { content: "\1033f"; }
+.ti-float-none:before { content: "\10340"; }
+.ti-float-right:before { content: "\10341"; }
+.ti-focus:before { content: "\10342"; }
+.ti-focus-2:before { content: "\10343"; }
+.ti-fold:before { content: "\10344"; }
+.ti-fold-down:before { content: "\10345"; }
+.ti-fold-up:before { content: "\10346"; }
+.ti-folder:before { content: "\10347"; }
+.ti-folder-minus:before { content: "\10348"; }
+.ti-folder-off:before { content: "\10349"; }
+.ti-folder-plus:before { content: "\1034a"; }
+.ti-folder-x:before { content: "\1034b"; }
+.ti-folders:before { content: "\1034c"; }
+.ti-forbid:before { content: "\1034d"; }
+.ti-forbid-2:before { content: "\1034e"; }
+.ti-forklift:before { content: "\1034f"; }
+.ti-forms:before { content: "\10350"; }
+.ti-frame:before { content: "\10351"; }
+.ti-friends:before { content: "\10352"; }
+.ti-gas-station:before { content: "\10353"; }
+.ti-gauge:before { content: "\10354"; }
+.ti-geometry:before { content: "\10355"; }
+.ti-ghost:before { content: "\10356"; }
+.ti-gift:before { content: "\10357"; }
+.ti-git-branch:before { content: "\10358"; }
+.ti-git-commit:before { content: "\10359"; }
+.ti-git-compare:before { content: "\1035a"; }
+.ti-git-fork:before { content: "\1035b"; }
+.ti-git-merge:before { content: "\1035c"; }
+.ti-git-pull-request:before { content: "\1035d"; }
+.ti-glass:before { content: "\1035e"; }
+.ti-glass-full:before { content: "\1035f"; }
+.ti-glass-off:before { content: "\10360"; }
+.ti-globe:before { content: "\10361"; }
+.ti-golf:before { content: "\10362"; }
+.ti-gps:before { content: "\10363"; }
+.ti-grain:before { content: "\10364"; }
+.ti-grid-dots:before { content: "\10365"; }
+.ti-grip-horizontal:before { content: "\10366"; }
+.ti-grip-vertical:before { content: "\10367"; }
+.ti-growth:before { content: "\10368"; }
+.ti-h-1:before { content: "\10369"; }
+.ti-h-2:before { content: "\1036a"; }
+.ti-h-3:before { content: "\1036b"; }
+.ti-h-4:before { content: "\1036c"; }
+.ti-h-5:before { content: "\1036d"; }
+.ti-h-6:before { content: "\1036e"; }
+.ti-hand-finger:before { content: "\1036f"; }
+.ti-hand-little-finger:before { content: "\10370"; }
+.ti-hand-middle-finger:before { content: "\10371"; }
+.ti-hand-off:before { content: "\10372"; }
+.ti-hand-ring-finger:before { content: "\10373"; }
+.ti-hand-rock:before { content: "\10374"; }
+.ti-hand-stop:before { content: "\10375"; }
+.ti-hand-three-fingers:before { content: "\10376"; }
+.ti-hand-two-fingers:before { content: "\10377"; }
+.ti-hanger:before { content: "\10378"; }
+.ti-hash:before { content: "\10379"; }
+.ti-heading:before { content: "\1037a"; }
+.ti-headphones:before { content: "\1037b"; }
+.ti-headphones-off:before { content: "\1037c"; }
+.ti-headset:before { content: "\1037d"; }
+.ti-heart:before { content: "\1037e"; }
+.ti-heart-broken:before { content: "\1037f"; }
+.ti-helicopter:before { content: "\10380"; }
+.ti-helicopter-landing:before { content: "\10381"; }
+.ti-help:before { content: "\10382"; }
+.ti-hexagon:before { content: "\10383"; }
+.ti-hexagon-off:before { content: "\10384"; }
+.ti-hierarchy:before { content: "\10385"; }
+.ti-hierarchy-2:before { content: "\10386"; }
+.ti-history:before { content: "\10387"; }
+.ti-home:before { content: "\10388"; }
+.ti-home-2:before { content: "\10389"; }
+.ti-ice-cream:before { content: "\1038a"; }
+.ti-ice-cream-2:before { content: "\1038b"; }
+.ti-id:before { content: "\1038c"; }
+.ti-inbox:before { content: "\1038d"; }
+.ti-indent-decrease:before { content: "\1038e"; }
+.ti-indent-increase:before { content: "\1038f"; }
+.ti-infinity:before { content: "\10390"; }
+.ti-info-circle:before { content: "\10391"; }
+.ti-info-square:before { content: "\10392"; }
+.ti-italic:before { content: "\10393"; }
+.ti-jump-rope:before { content: "\10394"; }
+.ti-karate:before { content: "\10395"; }
+.ti-key:before { content: "\10396"; }
+.ti-keyboard:before { content: "\10397"; }
+.ti-keyboard-hide:before { content: "\10398"; }
+.ti-keyboard-off:before { content: "\10399"; }
+.ti-keyboard-show:before { content: "\1039a"; }
+.ti-language:before { content: "\1039b"; }
+.ti-layers-difference:before { content: "\1039c"; }
+.ti-layers-intersect:before { content: "\1039d"; }
+.ti-layers-linked:before { content: "\1039e"; }
+.ti-layers-subtract:before { content: "\1039f"; }
+.ti-layers-union:before { content: "\103a0"; }
+.ti-layout:before { content: "\103a1"; }
+.ti-layout-2:before { content: "\103a2"; }
+.ti-layout-align-bottom:before { content: "\103a3"; }
+.ti-layout-align-center:before { content: "\103a4"; }
+.ti-layout-align-left:before { content: "\103a5"; }
+.ti-layout-align-middle:before { content: "\103a6"; }
+.ti-layout-align-right:before { content: "\103a7"; }
+.ti-layout-align-top:before { content: "\103a8"; }
+.ti-layout-bottombar:before { content: "\103a9"; }
+.ti-layout-cards:before { content: "\103aa"; }
+.ti-layout-columns:before { content: "\103ab"; }
+.ti-layout-distribute-horizontal:before { content: "\103ac"; }
+.ti-layout-distribute-vertical:before { content: "\103ad"; }
+.ti-layout-grid:before { content: "\103ae"; }
+.ti-layout-grid-add:before { content: "\103af"; }
+.ti-layout-kanban:before { content: "\103b0"; }
+.ti-layout-list:before { content: "\103b1"; }
+.ti-layout-navbar:before { content: "\103b2"; }
+.ti-layout-rows:before { content: "\103b3"; }
+.ti-layout-sidebar:before { content: "\103b4"; }
+.ti-layout-sidebar-right:before { content: "\103b5"; }
+.ti-leaf:before { content: "\103b6"; }
+.ti-lego:before { content: "\103b7"; }
+.ti-letter-a:before { content: "\103b8"; }
+.ti-letter-b:before { content: "\103b9"; }
+.ti-letter-c:before { content: "\103ba"; }
+.ti-letter-case:before { content: "\103bb"; }
+.ti-letter-case-lower:before { content: "\103bc"; }
+.ti-letter-case-toggle:before { content: "\103bd"; }
+.ti-letter-case-upper:before { content: "\103be"; }
+.ti-letter-d:before { content: "\103bf"; }
+.ti-letter-e:before { content: "\103c0"; }
+.ti-letter-f:before { content: "\103c1"; }
+.ti-letter-g:before { content: "\103c2"; }
+.ti-letter-h:before { content: "\103c3"; }
+.ti-letter-i:before { content: "\103c4"; }
+.ti-letter-j:before { content: "\103c5"; }
+.ti-letter-k:before { content: "\103c6"; }
+.ti-letter-l:before { content: "\103c7"; }
+.ti-letter-m:before { content: "\103c8"; }
+.ti-letter-n:before { content: "\103c9"; }
+.ti-letter-o:before { content: "\103ca"; }
+.ti-letter-p:before { content: "\103cb"; }
+.ti-letter-q:before { content: "\103cc"; }
+.ti-letter-r:before { content: "\103cd"; }
+.ti-letter-s:before { content: "\103ce"; }
+.ti-letter-spacing:before { content: "\103cf"; }
+.ti-letter-t:before { content: "\103d0"; }
+.ti-letter-u:before { content: "\103d1"; }
+.ti-letter-v:before { content: "\103d2"; }
+.ti-letter-w:before { content: "\103d3"; }
+.ti-letter-x:before { content: "\103d4"; }
+.ti-letter-y:before { content: "\103d5"; }
+.ti-letter-z:before { content: "\103d6"; }
+.ti-letters-case:before { content: "\103d7"; }
+.ti-license:before { content: "\103d8"; }
+.ti-lifebuoy:before { content: "\103d9"; }
+.ti-line:before { content: "\103da"; }
+.ti-line-dashed:before { content: "\103db"; }
+.ti-line-dotted:before { content: "\103dc"; }
+.ti-line-height:before { content: "\103dd"; }
+.ti-link:before { content: "\103de"; }
+.ti-list:before { content: "\103df"; }
+.ti-list-check:before { content: "\103e0"; }
+.ti-list-search:before { content: "\103e1"; }
+.ti-live-photo:before { content: "\103e2"; }
+.ti-live-view:before { content: "\103e3"; }
+.ti-loader:before { content: "\103e4"; }
+.ti-loader-quarter:before { content: "\103e5"; }
+.ti-location:before { content: "\103e6"; }
+.ti-lock:before { content: "\103e7"; }
+.ti-lock-access:before { content: "\103e8"; }
+.ti-lock-off:before { content: "\103e9"; }
+.ti-lock-open:before { content: "\103ea"; }
+.ti-login:before { content: "\103eb"; }
+.ti-logout:before { content: "\103ec"; }
+.ti-macro:before { content: "\103ed"; }
+.ti-magnet:before { content: "\103ee"; }
+.ti-mail:before { content: "\103ef"; }
+.ti-mail-forward:before { content: "\103f0"; }
+.ti-mail-opened:before { content: "\103f1"; }
+.ti-mailbox:before { content: "\103f2"; }
+.ti-man:before { content: "\103f3"; }
+.ti-manual-gearbox:before { content: "\103f4"; }
+.ti-map:before { content: "\103f5"; }
+.ti-map-2:before { content: "\103f6"; }
+.ti-map-pin:before { content: "\103f7"; }
+.ti-map-pin-off:before { content: "\103f8"; }
+.ti-map-pins:before { content: "\103f9"; }
+.ti-markdown:before { content: "\103fa"; }
+.ti-marquee:before { content: "\103fb"; }
+.ti-marquee-2:before { content: "\103fc"; }
+.ti-mars:before { content: "\103fd"; }
+.ti-mask:before { content: "\103fe"; }
+.ti-mask-off:before { content: "\103ff"; }
+.ti-massage:before { content: "\10400"; }
+.ti-math:before { content: "\10401"; }
+.ti-math-function:before { content: "\10402"; }
+.ti-math-symbols:before { content: "\10403"; }
+.ti-maximize:before { content: "\10404"; }
+.ti-medal:before { content: "\10405"; }
+.ti-medical-cross:before { content: "\10406"; }
+.ti-menu:before { content: "\10407"; }
+.ti-menu-2:before { content: "\10408"; }
+.ti-message:before { content: "\10409"; }
+.ti-message-2:before { content: "\1040a"; }
+.ti-message-circle:before { content: "\1040b"; }
+.ti-message-circle-2:before { content: "\1040c"; }
+.ti-message-circle-off:before { content: "\1040d"; }
+.ti-message-dots:before { content: "\1040e"; }
+.ti-message-off:before { content: "\1040f"; }
+.ti-message-plus:before { content: "\10410"; }
+.ti-message-report:before { content: "\10411"; }
+.ti-messages:before { content: "\10412"; }
+.ti-messages-off:before { content: "\10413"; }
+.ti-microphone:before { content: "\10414"; }
+.ti-microphone-off:before { content: "\10415"; }
+.ti-minimize:before { content: "\10416"; }
+.ti-minus:before { content: "\10417"; }
+.ti-minus-vertical:before { content: "\10418"; }
+.ti-mist:before { content: "\10419"; }
+.ti-mood-boy:before { content: "\1041a"; }
+.ti-mood-confuzed:before { content: "\1041b"; }
+.ti-mood-crazy-happy:before { content: "\1041c"; }
+.ti-mood-cry:before { content: "\1041d"; }
+.ti-mood-empty:before { content: "\1041e"; }
+.ti-mood-happy:before { content: "\1041f"; }
+.ti-mood-kid:before { content: "\10420"; }
+.ti-mood-neutral:before { content: "\10421"; }
+.ti-mood-sad:before { content: "\10422"; }
+.ti-mood-smile:before { content: "\10423"; }
+.ti-mood-suprised:before { content: "\10424"; }
+.ti-mood-tongue:before { content: "\10425"; }
+.ti-moon:before { content: "\10426"; }
+.ti-moon-2:before { content: "\10427"; }
+.ti-moon-stars:before { content: "\10428"; }
+.ti-moped:before { content: "\10429"; }
+.ti-motorbike:before { content: "\1042a"; }
+.ti-mouse:before { content: "\1042b"; }
+.ti-movie:before { content: "\1042c"; }
+.ti-mug:before { content: "\1042d"; }
+.ti-music:before { content: "\1042e"; }
+.ti-new-section:before { content: "\1042f"; }
+.ti-news:before { content: "\10430"; }
+.ti-nfc:before { content: "\10431"; }
+.ti-note:before { content: "\10432"; }
+.ti-notebook:before { content: "\10433"; }
+.ti-notes:before { content: "\10434"; }
+.ti-notification:before { content: "\10435"; }
+.ti-number-0:before { content: "\10436"; }
+.ti-number-1:before { content: "\10437"; }
+.ti-number-2:before { content: "\10438"; }
+.ti-number-3:before { content: "\10439"; }
+.ti-number-4:before { content: "\1043a"; }
+.ti-number-5:before { content: "\1043b"; }
+.ti-number-6:before { content: "\1043c"; }
+.ti-number-7:before { content: "\1043d"; }
+.ti-number-8:before { content: "\1043e"; }
+.ti-number-9:before { content: "\1043f"; }
+.ti-octagon:before { content: "\10440"; }
+.ti-octagon-off:before { content: "\10441"; }
+.ti-old:before { content: "\10442"; }
+.ti-olympics:before { content: "\10443"; }
+.ti-omega:before { content: "\10444"; }
+.ti-outlet:before { content: "\10445"; }
+.ti-overline:before { content: "\10446"; }
+.ti-package:before { content: "\10447"; }
+.ti-pacman:before { content: "\10448"; }
+.ti-page-break:before { content: "\10449"; }
+.ti-paint:before { content: "\1044a"; }
+.ti-palette:before { content: "\1044b"; }
+.ti-panorama-horizontal:before { content: "\1044c"; }
+.ti-panorama-vertical:before { content: "\1044d"; }
+.ti-paperclip:before { content: "\1044e"; }
+.ti-parachute:before { content: "\1044f"; }
+.ti-parentheses:before { content: "\10450"; }
+.ti-parking:before { content: "\10451"; }
+.ti-peace:before { content: "\10452"; }
+.ti-pencil:before { content: "\10453"; }
+.ti-pennant:before { content: "\10454"; }
+.ti-percentage:before { content: "\10455"; }
+.ti-perspective:before { content: "\10456"; }
+.ti-phone:before { content: "\10457"; }
+.ti-phone-call:before { content: "\10458"; }
+.ti-phone-calling:before { content: "\10459"; }
+.ti-phone-check:before { content: "\1045a"; }
+.ti-phone-incoming:before { content: "\1045b"; }
+.ti-phone-off:before { content: "\1045c"; }
+.ti-phone-outgoing:before { content: "\1045d"; }
+.ti-phone-pause:before { content: "\1045e"; }
+.ti-phone-plus:before { content: "\1045f"; }
+.ti-phone-x:before { content: "\10460"; }
+.ti-photo:before { content: "\10461"; }
+.ti-photo-off:before { content: "\10462"; }
+.ti-physotherapist:before { content: "\10463"; }
+.ti-picture-in-picture:before { content: "\10464"; }
+.ti-picture-in-picture-off:before { content: "\10465"; }
+.ti-picture-in-picture-on:before { content: "\10466"; }
+.ti-pill:before { content: "\10467"; }
+.ti-pin:before { content: "\10468"; }
+.ti-pinned:before { content: "\10469"; }
+.ti-pinned-off:before { content: "\1046a"; }
+.ti-pizza:before { content: "\1046b"; }
+.ti-plane:before { content: "\1046c"; }
+.ti-plane-arrival:before { content: "\1046d"; }
+.ti-plane-departure:before { content: "\1046e"; }
+.ti-planet:before { content: "\1046f"; }
+.ti-plant:before { content: "\10470"; }
+.ti-plant-2:before { content: "\10471"; }
+.ti-play-card:before { content: "\10472"; }
+.ti-player-pause:before { content: "\10473"; }
+.ti-player-play:before { content: "\10474"; }
+.ti-player-record:before { content: "\10475"; }
+.ti-player-skip-back:before { content: "\10476"; }
+.ti-player-skip-forward:before { content: "\10477"; }
+.ti-player-stop:before { content: "\10478"; }
+.ti-player-track-next:before { content: "\10479"; }
+.ti-player-track-prev:before { content: "\1047a"; }
+.ti-playlist:before { content: "\1047b"; }
+.ti-plug:before { content: "\1047c"; }
+.ti-plus:before { content: "\1047d"; }
+.ti-point:before { content: "\1047e"; }
+.ti-pokeball:before { content: "\1047f"; }
+.ti-polaroid:before { content: "\10480"; }
+.ti-pool:before { content: "\10481"; }
+.ti-power:before { content: "\10482"; }
+.ti-pray:before { content: "\10483"; }
+.ti-presentation:before { content: "\10484"; }
+.ti-presentation-analytics:before { content: "\10485"; }
+.ti-printer:before { content: "\10486"; }
+.ti-prompt:before { content: "\10487"; }
+.ti-propeller:before { content: "\10488"; }
+.ti-puzzle:before { content: "\10489"; }
+.ti-pyramid:before { content: "\1048a"; }
+.ti-qrcode:before { content: "\1048b"; }
+.ti-question-mark:before { content: "\1048c"; }
+.ti-radioactive:before { content: "\1048d"; }
+.ti-radius-bottom-left:before { content: "\1048e"; }
+.ti-radius-bottom-right:before { content: "\1048f"; }
+.ti-radius-top-left:before { content: "\10490"; }
+.ti-radius-top-right:before { content: "\10491"; }
+.ti-rainbow:before { content: "\10492"; }
+.ti-receipt:before { content: "\10493"; }
+.ti-receipt-2:before { content: "\10494"; }
+.ti-receipt-off:before { content: "\10495"; }
+.ti-receipt-refund:before { content: "\10496"; }
+.ti-receipt-tax:before { content: "\10497"; }
+.ti-recharging:before { content: "\10498"; }
+.ti-record-mail:before { content: "\10499"; }
+.ti-rectangle:before { content: "\1049a"; }
+.ti-rectangle-vertical:before { content: "\1049b"; }
+.ti-recycle:before { content: "\1049c"; }
+.ti-refresh:before { content: "\1049d"; }
+.ti-refresh-alert:before { content: "\1049e"; }
+.ti-registered:before { content: "\1049f"; }
+.ti-relation-many-to-many:before { content: "\104a0"; }
+.ti-relation-one-to-many:before { content: "\104a1"; }
+.ti-relation-one-to-one:before { content: "\104a2"; }
+.ti-repeat:before { content: "\104a3"; }
+.ti-repeat-once:before { content: "\104a4"; }
+.ti-replace:before { content: "\104a5"; }
+.ti-report:before { content: "\104a6"; }
+.ti-report-analytics:before { content: "\104a7"; }
+.ti-report-medical:before { content: "\104a8"; }
+.ti-report-money:before { content: "\104a9"; }
+.ti-resize:before { content: "\104aa"; }
+.ti-ripple:before { content: "\104ab"; }
+.ti-road-sign:before { content: "\104ac"; }
+.ti-rocket:before { content: "\104ad"; }
+.ti-rotate:before { content: "\104ae"; }
+.ti-rotate-2:before { content: "\104af"; }
+.ti-rotate-clockwise:before { content: "\104b0"; }
+.ti-rotate-clockwise-2:before { content: "\104b1"; }
+.ti-rotate-rectangle:before { content: "\104b2"; }
+.ti-route:before { content: "\104b3"; }
+.ti-router:before { content: "\104b4"; }
+.ti-row-insert-bottom:before { content: "\104b5"; }
+.ti-row-insert-top:before { content: "\104b6"; }
+.ti-rss:before { content: "\104b7"; }
+.ti-ruler:before { content: "\104b8"; }
+.ti-ruler-2:before { content: "\104b9"; }
+.ti-run:before { content: "\104ba"; }
+.ti-sailboat:before { content: "\104bb"; }
+.ti-satellite:before { content: "\104bc"; }
+.ti-scale:before { content: "\104bd"; }
+.ti-scan:before { content: "\104be"; }
+.ti-school:before { content: "\104bf"; }
+.ti-scissors:before { content: "\104c0"; }
+.ti-scooter:before { content: "\104c1"; }
+.ti-scooter-electric:before { content: "\104c2"; }
+.ti-screen-share:before { content: "\104c3"; }
+.ti-screen-share-off:before { content: "\104c4"; }
+.ti-scuba-mask:before { content: "\104c5"; }
+.ti-search:before { content: "\104c6"; }
+.ti-section:before { content: "\104c7"; }
+.ti-seeding:before { content: "\104c8"; }
+.ti-select:before { content: "\104c9"; }
+.ti-selector:before { content: "\104ca"; }
+.ti-send:before { content: "\104cb"; }
+.ti-separator:before { content: "\104cc"; }
+.ti-separator-horizontal:before { content: "\104cd"; }
+.ti-separator-vertical:before { content: "\104ce"; }
+.ti-server:before { content: "\104cf"; }
+.ti-servicemark:before { content: "\104d0"; }
+.ti-settings:before { content: "\104d1"; }
+.ti-settings-automation:before { content: "\104d2"; }
+.ti-shadow:before { content: "\104d3"; }
+.ti-shadow-off:before { content: "\104d4"; }
+.ti-shape:before { content: "\104d5"; }
+.ti-shape-2:before { content: "\104d6"; }
+.ti-shape-3:before { content: "\104d7"; }
+.ti-share:before { content: "\104d8"; }
+.ti-shield:before { content: "\104d9"; }
+.ti-shield-check:before { content: "\104da"; }
+.ti-shield-lock:before { content: "\104db"; }
+.ti-shield-off:before { content: "\104dc"; }
+.ti-shield-x:before { content: "\104dd"; }
+.ti-ship:before { content: "\104de"; }
+.ti-shirt:before { content: "\104df"; }
+.ti-shopping-cart:before { content: "\104e0"; }
+.ti-shopping-cart-discount:before { content: "\104e1"; }
+.ti-shopping-cart-off:before { content: "\104e2"; }
+.ti-shopping-cart-plus:before { content: "\104e3"; }
+.ti-shopping-cart-x:before { content: "\104e4"; }
+.ti-shredder:before { content: "\104e5"; }
+.ti-signature:before { content: "\104e6"; }
+.ti-sitemap:before { content: "\104e7"; }
+.ti-skateboard:before { content: "\104e8"; }
+.ti-slice:before { content: "\104e9"; }
+.ti-slideshow:before { content: "\104ea"; }
+.ti-smart-home:before { content: "\104eb"; }
+.ti-smoking:before { content: "\104ec"; }
+.ti-smoking-no:before { content: "\104ed"; }
+.ti-snowflake:before { content: "\104ee"; }
+.ti-soccer-field:before { content: "\104ef"; }
+.ti-social:before { content: "\104f0"; }
+.ti-sock:before { content: "\104f1"; }
+.ti-sort-ascending:before { content: "\104f2"; }
+.ti-sort-ascending-2:before { content: "\104f3"; }
+.ti-sort-descending:before { content: "\104f4"; }
+.ti-sort-descending-2:before { content: "\104f5"; }
+.ti-space:before { content: "\104f6"; }
+.ti-speakerphone:before { content: "\104f7"; }
+.ti-speedboat:before { content: "\104f8"; }
+.ti-sport-billard:before { content: "\104f9"; }
+.ti-square:before { content: "\104fa"; }
+.ti-square-0:before { content: "\104fb"; }
+.ti-square-1:before { content: "\104fc"; }
+.ti-square-2:before { content: "\104fd"; }
+.ti-square-3:before { content: "\104fe"; }
+.ti-square-4:before { content: "\104ff"; }
+.ti-square-5:before { content: "\10500"; }
+.ti-square-6:before { content: "\10501"; }
+.ti-square-7:before { content: "\10502"; }
+.ti-square-8:before { content: "\10503"; }
+.ti-square-9:before { content: "\10504"; }
+.ti-square-check:before { content: "\10505"; }
+.ti-square-dot:before { content: "\10506"; }
+.ti-square-forbid:before { content: "\10507"; }
+.ti-square-forbid-2:before { content: "\10508"; }
+.ti-square-minus:before { content: "\10509"; }
+.ti-square-off:before { content: "\1050a"; }
+.ti-square-plus:before { content: "\1050b"; }
+.ti-square-root:before { content: "\1050c"; }
+.ti-square-root-2:before { content: "\1050d"; }
+.ti-square-rotated:before { content: "\1050e"; }
+.ti-square-rotated-off:before { content: "\1050f"; }
+.ti-square-toggle:before { content: "\10510"; }
+.ti-square-toggle-horizontal:before { content: "\10511"; }
+.ti-square-x:before { content: "\10512"; }
+.ti-squares-diagonal:before { content: "\10513"; }
+.ti-squares-filled:before { content: "\10514"; }
+.ti-stack:before { content: "\10515"; }
+.ti-stack-2:before { content: "\10516"; }
+.ti-stairs:before { content: "\10517"; }
+.ti-stairs-down:before { content: "\10518"; }
+.ti-stairs-up:before { content: "\10519"; }
+.ti-star:before { content: "\1051a"; }
+.ti-star-half:before { content: "\1051b"; }
+.ti-star-off:before { content: "\1051c"; }
+.ti-stars:before { content: "\1051d"; }
+.ti-steering-wheel:before { content: "\1051e"; }
+.ti-step-into:before { content: "\1051f"; }
+.ti-step-out:before { content: "\10520"; }
+.ti-stethoscope:before { content: "\10521"; }
+.ti-sticker:before { content: "\10522"; }
+.ti-strikethrough:before { content: "\10523"; }
+.ti-submarine:before { content: "\10524"; }
+.ti-subscript:before { content: "\10525"; }
+.ti-subtask:before { content: "\10526"; }
+.ti-sum:before { content: "\10527"; }
+.ti-sun:before { content: "\10528"; }
+.ti-sun-off:before { content: "\10529"; }
+.ti-sunset:before { content: "\1052a"; }
+.ti-sunshine:before { content: "\1052b"; }
+.ti-superscript:before { content: "\1052c"; }
+.ti-swimming:before { content: "\1052d"; }
+.ti-switch:before { content: "\1052e"; }
+.ti-switch-2:before { content: "\1052f"; }
+.ti-switch-3:before { content: "\10530"; }
+.ti-switch-horizontal:before { content: "\10531"; }
+.ti-switch-vertical:before { content: "\10532"; }
+.ti-table:before { content: "\10533"; }
+.ti-table-export:before { content: "\10534"; }
+.ti-table-import:before { content: "\10535"; }
+.ti-table-off:before { content: "\10536"; }
+.ti-tag:before { content: "\10537"; }
+.ti-tallymark-1:before { content: "\10538"; }
+.ti-tallymark-2:before { content: "\10539"; }
+.ti-tallymark-3:before { content: "\1053a"; }
+.ti-tallymark-4:before { content: "\1053b"; }
+.ti-tallymarks:before { content: "\1053c"; }
+.ti-tank:before { content: "\1053d"; }
+.ti-target:before { content: "\1053e"; }
+.ti-temperature:before { content: "\1053f"; }
+.ti-temperature-celsius:before { content: "\10540"; }
+.ti-temperature-fahrenheit:before { content: "\10541"; }
+.ti-temperature-minus:before { content: "\10542"; }
+.ti-temperature-plus:before { content: "\10543"; }
+.ti-template:before { content: "\10544"; }
+.ti-tent:before { content: "\10545"; }
+.ti-terminal:before { content: "\10546"; }
+.ti-terminal-2:before { content: "\10547"; }
+.ti-test-pipe:before { content: "\10548"; }
+.ti-text-direction-ltr:before { content: "\10549"; }
+.ti-text-direction-rtl:before { content: "\1054a"; }
+.ti-text-wrap:before { content: "\1054b"; }
+.ti-text-wrap-disabled:before { content: "\1054c"; }
+.ti-thumb-down:before { content: "\1054d"; }
+.ti-thumb-up:before { content: "\1054e"; }
+.ti-ticket:before { content: "\1054f"; }
+.ti-tilt-shift:before { content: "\10550"; }
+.ti-tir:before { content: "\10551"; }
+.ti-toggle-left:before { content: "\10552"; }
+.ti-toggle-right:before { content: "\10553"; }
+.ti-tool:before { content: "\10554"; }
+.ti-tools:before { content: "\10555"; }
+.ti-tools-kitchen:before { content: "\10556"; }
+.ti-tools-kitchen-2:before { content: "\10557"; }
+.ti-tornado:before { content: "\10558"; }
+.ti-tournament:before { content: "\10559"; }
+.ti-track:before { content: "\1055a"; }
+.ti-tractor:before { content: "\1055b"; }
+.ti-trademark:before { content: "\1055c"; }
+.ti-traffic-cone:before { content: "\1055d"; }
+.ti-traffic-lights:before { content: "\1055e"; }
+.ti-train:before { content: "\1055f"; }
+.ti-trash:before { content: "\10560"; }
+.ti-trash-off:before { content: "\10561"; }
+.ti-tree:before { content: "\10562"; }
+.ti-trees:before { content: "\10563"; }
+.ti-trending-down:before { content: "\10564"; }
+.ti-trending-down-2:before { content: "\10565"; }
+.ti-trending-down-3:before { content: "\10566"; }
+.ti-trending-up:before { content: "\10567"; }
+.ti-trending-up-2:before { content: "\10568"; }
+.ti-trending-up-3:before { content: "\10569"; }
+.ti-triangle:before { content: "\1056a"; }
+.ti-triangle-off:before { content: "\1056b"; }
+.ti-triangle-square-circle:before { content: "\1056c"; }
+.ti-trident:before { content: "\1056d"; }
+.ti-trophy:before { content: "\1056e"; }
+.ti-truck:before { content: "\1056f"; }
+.ti-truck-delivery:before { content: "\10570"; }
+.ti-truck-off:before { content: "\10571"; }
+.ti-truck-return:before { content: "\10572"; }
+.ti-typography:before { content: "\10573"; }
+.ti-umbrella:before { content: "\10574"; }
+.ti-underline:before { content: "\10575"; }
+.ti-unlink:before { content: "\10576"; }
+.ti-upload:before { content: "\10577"; }
+.ti-urgent:before { content: "\10578"; }
+.ti-user:before { content: "\10579"; }
+.ti-user-check:before { content: "\1057a"; }
+.ti-user-exclamation:before { content: "\1057b"; }
+.ti-user-minus:before { content: "\1057c"; }
+.ti-user-off:before { content: "\1057d"; }
+.ti-user-plus:before { content: "\1057e"; }
+.ti-user-x:before { content: "\1057f"; }
+.ti-users:before { content: "\10580"; }
+.ti-vaccine:before { content: "\10581"; }
+.ti-variable:before { content: "\10582"; }
+.ti-vector:before { content: "\10583"; }
+.ti-vector-beizer:before { content: "\10584"; }
+.ti-vector-beizer-2:before { content: "\10585"; }
+.ti-vector-triangle:before { content: "\10586"; }
+.ti-venus:before { content: "\10587"; }
+.ti-versions:before { content: "\10588"; }
+.ti-video:before { content: "\10589"; }
+.ti-video-minus:before { content: "\1058a"; }
+.ti-video-off:before { content: "\1058b"; }
+.ti-video-plus:before { content: "\1058c"; }
+.ti-view-360:before { content: "\1058d"; }
+.ti-viewfinder:before { content: "\1058e"; }
+.ti-viewport-narrow:before { content: "\1058f"; }
+.ti-viewport-wide:before { content: "\10590"; }
+.ti-virus:before { content: "\10591"; }
+.ti-virus-off:before { content: "\10592"; }
+.ti-virus-search:before { content: "\10593"; }
+.ti-volume:before { content: "\10594"; }
+.ti-volume-2:before { content: "\10595"; }
+.ti-volume-3:before { content: "\10596"; }
+.ti-walk:before { content: "\10597"; }
+.ti-wallet:before { content: "\10598"; }
+.ti-wand:before { content: "\10599"; }
+.ti-wave-saw-tool:before { content: "\1059a"; }
+.ti-wave-sine:before { content: "\1059b"; }
+.ti-wave-square:before { content: "\1059c"; }
+.ti-wifi:before { content: "\1059d"; }
+.ti-wifi-0:before { content: "\1059e"; }
+.ti-wifi-1:before { content: "\1059f"; }
+.ti-wifi-2:before { content: "\105a0"; }
+.ti-wifi-off:before { content: "\105a1"; }
+.ti-wind:before { content: "\105a2"; }
+.ti-windmill:before { content: "\105a3"; }
+.ti-window:before { content: "\105a4"; }
+.ti-wiper:before { content: "\105a5"; }
+.ti-wiper-wash:before { content: "\105a6"; }
+.ti-woman:before { content: "\105a7"; }
+.ti-world:before { content: "\105a8"; }
+.ti-world-latitude:before { content: "\105a9"; }
+.ti-world-longitude:before { content: "\105aa"; }
+.ti-wrecking-ball:before { content: "\105ab"; }
+.ti-writing:before { content: "\105ac"; }
+.ti-writing-sign:before { content: "\105ad"; }
+.ti-x:before { content: "\105ae"; }
+.ti-yin-yang:before { content: "\105af"; }
+.ti-zodiac-aquarius:before { content: "\105b0"; }
+.ti-zodiac-aries:before { content: "\105b1"; }
+.ti-zodiac-cancer:before { content: "\105b2"; }
+.ti-zodiac-capricorn:before { content: "\105b3"; }
+.ti-zodiac-gemini:before { content: "\105b4"; }
+.ti-zodiac-leo:before { content: "\105b5"; }
+.ti-zodiac-libra:before { content: "\105b6"; }
+.ti-zodiac-pisces:before { content: "\105b7"; }
+.ti-zodiac-sagittarius:before { content: "\105b8"; }
+.ti-zodiac-scorpio:before { content: "\105b9"; }
+.ti-zodiac-taurus:before { content: "\105ba"; }
+.ti-zodiac-virgo:before { content: "\105bb"; }
+.ti-zoom-cancel:before { content: "\105bc"; }
+.ti-zoom-check:before { content: "\105bd"; }
+.ti-zoom-in:before { content: "\105be"; }
+.ti-zoom-money:before { content: "\105bf"; }
+.ti-zoom-out:before { content: "\105c0"; }
+ </style>
+
+ <!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+
+ <script>
+ function toggleCharacters() {
+ var body = document.getElementsByTagName('body')[0];
+ body.className = body.className === 'characters-off' ? '' : 'characters-off';
+ }
+ </script>
+ </head>
+
+ <body class="characters-off">
+ <div id="page" class="container">
+ <header>
+ <h1>tabler-icons contains 1250 glyphs:</h1>
+ <a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
+ </header>
+
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-2fa" class="ti-2fa"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-2fa" class="ti-2fa"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-2fa" class="ti-2fa"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-2fa" class="ti-2fa"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-2fa" class="ti-2fa"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-2fa" class="ti-2fa"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-2fa" class="ti-2fa"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-2fa" class="ti-2fa"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-2fa" class="ti-2fa"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-2fa" class="ti-2fa"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-2fa" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100df;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-3d-cube-sphere" class="ti-3d-cube-sphere"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-3d-cube-sphere" class="ti-3d-cube-sphere"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-3d-cube-sphere" class="ti-3d-cube-sphere"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-3d-cube-sphere" class="ti-3d-cube-sphere"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-3d-cube-sphere" class="ti-3d-cube-sphere"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-3d-cube-sphere" class="ti-3d-cube-sphere"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-3d-cube-sphere" class="ti-3d-cube-sphere"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-3d-cube-sphere" class="ti-3d-cube-sphere"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-3d-cube-sphere" class="ti-3d-cube-sphere"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-3d-cube-sphere" class="ti-3d-cube-sphere"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-3d-cube-sphere" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100e0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-a-b" class="ti-a-b"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-a-b" class="ti-a-b"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-a-b" class="ti-a-b"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-a-b" class="ti-a-b"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-a-b" class="ti-a-b"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-a-b" class="ti-a-b"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-a-b" class="ti-a-b"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-a-b" class="ti-a-b"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-a-b" class="ti-a-b"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-a-b" class="ti-a-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-a-b" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100e1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-access-point" class="ti-access-point"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-access-point" class="ti-access-point"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-access-point" class="ti-access-point"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-access-point" class="ti-access-point"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-access-point" class="ti-access-point"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-access-point" class="ti-access-point"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-access-point" class="ti-access-point"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-access-point" class="ti-access-point"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-access-point" class="ti-access-point"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-access-point" class="ti-access-point"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-access-point" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100e2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-access-point-off" class="ti-access-point-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-access-point-off" class="ti-access-point-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-access-point-off" class="ti-access-point-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-access-point-off" class="ti-access-point-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-access-point-off" class="ti-access-point-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-access-point-off" class="ti-access-point-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-access-point-off" class="ti-access-point-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-access-point-off" class="ti-access-point-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-access-point-off" class="ti-access-point-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-access-point-off" class="ti-access-point-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-access-point-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100e3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-accessible" class="ti-accessible"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-accessible" class="ti-accessible"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-accessible" class="ti-accessible"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-accessible" class="ti-accessible"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-accessible" class="ti-accessible"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-accessible" class="ti-accessible"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-accessible" class="ti-accessible"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-accessible" class="ti-accessible"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-accessible" class="ti-accessible"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-accessible" class="ti-accessible"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-accessible" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100e4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-activity" class="ti-activity"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-activity" class="ti-activity"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-activity" class="ti-activity"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-activity" class="ti-activity"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-activity" class="ti-activity"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-activity" class="ti-activity"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-activity" class="ti-activity"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-activity" class="ti-activity"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-activity" class="ti-activity"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-activity" class="ti-activity"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-activity" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100e5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ad" class="ti-ad"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ad" class="ti-ad"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ad" class="ti-ad"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ad" class="ti-ad"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ad" class="ti-ad"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ad" class="ti-ad"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ad" class="ti-ad"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ad" class="ti-ad"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ad" class="ti-ad"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ad" class="ti-ad"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ad" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100e6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-adjustments" class="ti-adjustments"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-adjustments" class="ti-adjustments"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-adjustments" class="ti-adjustments"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-adjustments" class="ti-adjustments"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-adjustments" class="ti-adjustments"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-adjustments" class="ti-adjustments"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-adjustments" class="ti-adjustments"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-adjustments" class="ti-adjustments"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-adjustments" class="ti-adjustments"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-adjustments" class="ti-adjustments"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-adjustments" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100e7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-adjustments-alt" class="ti-adjustments-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-adjustments-alt" class="ti-adjustments-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-adjustments-alt" class="ti-adjustments-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-adjustments-alt" class="ti-adjustments-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-adjustments-alt" class="ti-adjustments-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-adjustments-alt" class="ti-adjustments-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-adjustments-alt" class="ti-adjustments-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-adjustments-alt" class="ti-adjustments-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-adjustments-alt" class="ti-adjustments-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-adjustments-alt" class="ti-adjustments-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-adjustments-alt" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100e8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-adjustments-horizontal" class="ti-adjustments-horizontal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-adjustments-horizontal" class="ti-adjustments-horizontal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-adjustments-horizontal" class="ti-adjustments-horizontal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-adjustments-horizontal" class="ti-adjustments-horizontal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-adjustments-horizontal" class="ti-adjustments-horizontal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-adjustments-horizontal" class="ti-adjustments-horizontal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-adjustments-horizontal" class="ti-adjustments-horizontal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-adjustments-horizontal" class="ti-adjustments-horizontal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-adjustments-horizontal" class="ti-adjustments-horizontal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-adjustments-horizontal" class="ti-adjustments-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-adjustments-horizontal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100e9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-aerial-lift" class="ti-aerial-lift"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-aerial-lift" class="ti-aerial-lift"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-aerial-lift" class="ti-aerial-lift"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-aerial-lift" class="ti-aerial-lift"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-aerial-lift" class="ti-aerial-lift"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-aerial-lift" class="ti-aerial-lift"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-aerial-lift" class="ti-aerial-lift"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-aerial-lift" class="ti-aerial-lift"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-aerial-lift" class="ti-aerial-lift"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-aerial-lift" class="ti-aerial-lift"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-aerial-lift" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100ea;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-affiliate" class="ti-affiliate"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-affiliate" class="ti-affiliate"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-affiliate" class="ti-affiliate"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-affiliate" class="ti-affiliate"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-affiliate" class="ti-affiliate"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-affiliate" class="ti-affiliate"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-affiliate" class="ti-affiliate"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-affiliate" class="ti-affiliate"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-affiliate" class="ti-affiliate"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-affiliate" class="ti-affiliate"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-affiliate" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100eb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-alarm" class="ti-alarm"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-alarm" class="ti-alarm"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-alarm" class="ti-alarm"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-alarm" class="ti-alarm"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-alarm" class="ti-alarm"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-alarm" class="ti-alarm"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-alarm" class="ti-alarm"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-alarm" class="ti-alarm"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-alarm" class="ti-alarm"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-alarm" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-alarm" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100ec;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-alert-circle" class="ti-alert-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-alert-circle" class="ti-alert-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-alert-circle" class="ti-alert-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-alert-circle" class="ti-alert-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-alert-circle" class="ti-alert-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-alert-circle" class="ti-alert-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-alert-circle" class="ti-alert-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-alert-circle" class="ti-alert-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-alert-circle" class="ti-alert-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-alert-circle" class="ti-alert-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-alert-circle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100ed;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-alert-octagon" class="ti-alert-octagon"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-alert-octagon" class="ti-alert-octagon"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-alert-octagon" class="ti-alert-octagon"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-alert-octagon" class="ti-alert-octagon"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-alert-octagon" class="ti-alert-octagon"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-alert-octagon" class="ti-alert-octagon"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-alert-octagon" class="ti-alert-octagon"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-alert-octagon" class="ti-alert-octagon"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-alert-octagon" class="ti-alert-octagon"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-alert-octagon" class="ti-alert-octagon"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-alert-octagon" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100ee;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-alert-triangle" class="ti-alert-triangle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-alert-triangle" class="ti-alert-triangle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-alert-triangle" class="ti-alert-triangle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-alert-triangle" class="ti-alert-triangle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-alert-triangle" class="ti-alert-triangle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-alert-triangle" class="ti-alert-triangle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-alert-triangle" class="ti-alert-triangle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-alert-triangle" class="ti-alert-triangle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-alert-triangle" class="ti-alert-triangle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-alert-triangle" class="ti-alert-triangle"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-alert-triangle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100ef;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-alien" class="ti-alien"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-alien" class="ti-alien"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-alien" class="ti-alien"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-alien" class="ti-alien"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-alien" class="ti-alien"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-alien" class="ti-alien"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-alien" class="ti-alien"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-alien" class="ti-alien"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-alien" class="ti-alien"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-alien" class="ti-alien"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-alien" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100f0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-align-center" class="ti-align-center"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-align-center" class="ti-align-center"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-align-center" class="ti-align-center"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-align-center" class="ti-align-center"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-align-center" class="ti-align-center"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-align-center" class="ti-align-center"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-align-center" class="ti-align-center"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-align-center" class="ti-align-center"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-align-center" class="ti-align-center"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-align-center" class="ti-align-center"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-align-center" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100f1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-align-justified" class="ti-align-justified"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-align-justified" class="ti-align-justified"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-align-justified" class="ti-align-justified"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-align-justified" class="ti-align-justified"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-align-justified" class="ti-align-justified"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-align-justified" class="ti-align-justified"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-align-justified" class="ti-align-justified"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-align-justified" class="ti-align-justified"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-align-justified" class="ti-align-justified"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-align-justified" class="ti-align-justified"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-align-justified" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100f2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-align-left" class="ti-align-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-align-left" class="ti-align-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-align-left" class="ti-align-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-align-left" class="ti-align-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-align-left" class="ti-align-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-align-left" class="ti-align-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-align-left" class="ti-align-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-align-left" class="ti-align-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-align-left" class="ti-align-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-align-left" class="ti-align-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-align-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100f3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-align-right" class="ti-align-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-align-right" class="ti-align-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-align-right" class="ti-align-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-align-right" class="ti-align-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-align-right" class="ti-align-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-align-right" class="ti-align-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-align-right" class="ti-align-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-align-right" class="ti-align-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-align-right" class="ti-align-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-align-right" class="ti-align-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-align-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100f4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ambulance" class="ti-ambulance"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ambulance" class="ti-ambulance"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ambulance" class="ti-ambulance"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ambulance" class="ti-ambulance"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ambulance" class="ti-ambulance"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ambulance" class="ti-ambulance"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ambulance" class="ti-ambulance"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ambulance" class="ti-ambulance"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ambulance" class="ti-ambulance"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ambulance" class="ti-ambulance"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ambulance" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100f5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-anchor" class="ti-anchor"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-anchor" class="ti-anchor"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-anchor" class="ti-anchor"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-anchor" class="ti-anchor"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-anchor" class="ti-anchor"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-anchor" class="ti-anchor"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-anchor" class="ti-anchor"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-anchor" class="ti-anchor"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-anchor" class="ti-anchor"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-anchor" class="ti-anchor"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-anchor" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100f6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-antenna-bars-1" class="ti-antenna-bars-1"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-antenna-bars-1" class="ti-antenna-bars-1"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-antenna-bars-1" class="ti-antenna-bars-1"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-antenna-bars-1" class="ti-antenna-bars-1"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-antenna-bars-1" class="ti-antenna-bars-1"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-antenna-bars-1" class="ti-antenna-bars-1"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-antenna-bars-1" class="ti-antenna-bars-1"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-antenna-bars-1" class="ti-antenna-bars-1"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-antenna-bars-1" class="ti-antenna-bars-1"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-antenna-bars-1" class="ti-antenna-bars-1"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-antenna-bars-1" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100f7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-antenna-bars-2" class="ti-antenna-bars-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-antenna-bars-2" class="ti-antenna-bars-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-antenna-bars-2" class="ti-antenna-bars-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-antenna-bars-2" class="ti-antenna-bars-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-antenna-bars-2" class="ti-antenna-bars-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-antenna-bars-2" class="ti-antenna-bars-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-antenna-bars-2" class="ti-antenna-bars-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-antenna-bars-2" class="ti-antenna-bars-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-antenna-bars-2" class="ti-antenna-bars-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-antenna-bars-2" class="ti-antenna-bars-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-antenna-bars-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100f8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-antenna-bars-3" class="ti-antenna-bars-3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-antenna-bars-3" class="ti-antenna-bars-3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-antenna-bars-3" class="ti-antenna-bars-3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-antenna-bars-3" class="ti-antenna-bars-3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-antenna-bars-3" class="ti-antenna-bars-3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-antenna-bars-3" class="ti-antenna-bars-3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-antenna-bars-3" class="ti-antenna-bars-3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-antenna-bars-3" class="ti-antenna-bars-3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-antenna-bars-3" class="ti-antenna-bars-3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-antenna-bars-3" class="ti-antenna-bars-3"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-antenna-bars-3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100f9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-antenna-bars-4" class="ti-antenna-bars-4"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-antenna-bars-4" class="ti-antenna-bars-4"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-antenna-bars-4" class="ti-antenna-bars-4"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-antenna-bars-4" class="ti-antenna-bars-4"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-antenna-bars-4" class="ti-antenna-bars-4"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-antenna-bars-4" class="ti-antenna-bars-4"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-antenna-bars-4" class="ti-antenna-bars-4"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-antenna-bars-4" class="ti-antenna-bars-4"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-antenna-bars-4" class="ti-antenna-bars-4"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-antenna-bars-4" class="ti-antenna-bars-4"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-antenna-bars-4" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100fa;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-antenna-bars-5" class="ti-antenna-bars-5"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-antenna-bars-5" class="ti-antenna-bars-5"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-antenna-bars-5" class="ti-antenna-bars-5"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-antenna-bars-5" class="ti-antenna-bars-5"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-antenna-bars-5" class="ti-antenna-bars-5"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-antenna-bars-5" class="ti-antenna-bars-5"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-antenna-bars-5" class="ti-antenna-bars-5"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-antenna-bars-5" class="ti-antenna-bars-5"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-antenna-bars-5" class="ti-antenna-bars-5"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-antenna-bars-5" class="ti-antenna-bars-5"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-antenna-bars-5" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100fb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-aperture" class="ti-aperture"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-aperture" class="ti-aperture"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-aperture" class="ti-aperture"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-aperture" class="ti-aperture"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-aperture" class="ti-aperture"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-aperture" class="ti-aperture"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-aperture" class="ti-aperture"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-aperture" class="ti-aperture"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-aperture" class="ti-aperture"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-aperture" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-aperture" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100fc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-apps" class="ti-apps"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-apps" class="ti-apps"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-apps" class="ti-apps"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-apps" class="ti-apps"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-apps" class="ti-apps"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-apps" class="ti-apps"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-apps" class="ti-apps"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-apps" class="ti-apps"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-apps" class="ti-apps"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-apps" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-apps" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100fd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-archive" class="ti-archive"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-archive" class="ti-archive"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-archive" class="ti-archive"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-archive" class="ti-archive"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-archive" class="ti-archive"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-archive" class="ti-archive"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-archive" class="ti-archive"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-archive" class="ti-archive"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-archive" class="ti-archive"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-archive" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-archive" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100fe;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-back" class="ti-arrow-back"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-back" class="ti-arrow-back"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-back" class="ti-arrow-back"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-back" class="ti-arrow-back"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-back" class="ti-arrow-back"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-back" class="ti-arrow-back"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-back" class="ti-arrow-back"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-back" class="ti-arrow-back"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-back" class="ti-arrow-back"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-back" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-back" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x100ff;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-back-up" class="ti-arrow-back-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-back-up" class="ti-arrow-back-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-back-up" class="ti-arrow-back-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-back-up" class="ti-arrow-back-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-back-up" class="ti-arrow-back-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-back-up" class="ti-arrow-back-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-back-up" class="ti-arrow-back-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-back-up" class="ti-arrow-back-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-back-up" class="ti-arrow-back-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-back-up" class="ti-arrow-back-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-back-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10100;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-bar-down" class="ti-arrow-bar-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-bar-down" class="ti-arrow-bar-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-bar-down" class="ti-arrow-bar-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-bar-down" class="ti-arrow-bar-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-bar-down" class="ti-arrow-bar-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-bar-down" class="ti-arrow-bar-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-bar-down" class="ti-arrow-bar-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-bar-down" class="ti-arrow-bar-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-bar-down" class="ti-arrow-bar-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-bar-down" class="ti-arrow-bar-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-bar-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10101;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-bar-left" class="ti-arrow-bar-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-bar-left" class="ti-arrow-bar-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-bar-left" class="ti-arrow-bar-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-bar-left" class="ti-arrow-bar-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-bar-left" class="ti-arrow-bar-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-bar-left" class="ti-arrow-bar-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-bar-left" class="ti-arrow-bar-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-bar-left" class="ti-arrow-bar-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-bar-left" class="ti-arrow-bar-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-bar-left" class="ti-arrow-bar-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-bar-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10102;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-bar-right" class="ti-arrow-bar-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-bar-right" class="ti-arrow-bar-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-bar-right" class="ti-arrow-bar-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-bar-right" class="ti-arrow-bar-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-bar-right" class="ti-arrow-bar-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-bar-right" class="ti-arrow-bar-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-bar-right" class="ti-arrow-bar-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-bar-right" class="ti-arrow-bar-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-bar-right" class="ti-arrow-bar-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-bar-right" class="ti-arrow-bar-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-bar-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10103;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-bar-to-down" class="ti-arrow-bar-to-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-bar-to-down" class="ti-arrow-bar-to-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-bar-to-down" class="ti-arrow-bar-to-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-bar-to-down" class="ti-arrow-bar-to-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-bar-to-down" class="ti-arrow-bar-to-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-bar-to-down" class="ti-arrow-bar-to-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-bar-to-down" class="ti-arrow-bar-to-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-bar-to-down" class="ti-arrow-bar-to-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-bar-to-down" class="ti-arrow-bar-to-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-bar-to-down" class="ti-arrow-bar-to-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-bar-to-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10104;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-bar-to-left" class="ti-arrow-bar-to-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-bar-to-left" class="ti-arrow-bar-to-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-bar-to-left" class="ti-arrow-bar-to-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-bar-to-left" class="ti-arrow-bar-to-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-bar-to-left" class="ti-arrow-bar-to-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-bar-to-left" class="ti-arrow-bar-to-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-bar-to-left" class="ti-arrow-bar-to-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-bar-to-left" class="ti-arrow-bar-to-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-bar-to-left" class="ti-arrow-bar-to-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-bar-to-left" class="ti-arrow-bar-to-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-bar-to-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10105;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-bar-to-right" class="ti-arrow-bar-to-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-bar-to-right" class="ti-arrow-bar-to-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-bar-to-right" class="ti-arrow-bar-to-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-bar-to-right" class="ti-arrow-bar-to-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-bar-to-right" class="ti-arrow-bar-to-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-bar-to-right" class="ti-arrow-bar-to-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-bar-to-right" class="ti-arrow-bar-to-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-bar-to-right" class="ti-arrow-bar-to-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-bar-to-right" class="ti-arrow-bar-to-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-bar-to-right" class="ti-arrow-bar-to-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-bar-to-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10106;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-bar-to-up" class="ti-arrow-bar-to-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-bar-to-up" class="ti-arrow-bar-to-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-bar-to-up" class="ti-arrow-bar-to-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-bar-to-up" class="ti-arrow-bar-to-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-bar-to-up" class="ti-arrow-bar-to-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-bar-to-up" class="ti-arrow-bar-to-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-bar-to-up" class="ti-arrow-bar-to-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-bar-to-up" class="ti-arrow-bar-to-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-bar-to-up" class="ti-arrow-bar-to-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-bar-to-up" class="ti-arrow-bar-to-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-bar-to-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10107;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-bar-up" class="ti-arrow-bar-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-bar-up" class="ti-arrow-bar-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-bar-up" class="ti-arrow-bar-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-bar-up" class="ti-arrow-bar-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-bar-up" class="ti-arrow-bar-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-bar-up" class="ti-arrow-bar-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-bar-up" class="ti-arrow-bar-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-bar-up" class="ti-arrow-bar-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-bar-up" class="ti-arrow-bar-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-bar-up" class="ti-arrow-bar-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-bar-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10108;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-bottom-bar" class="ti-arrow-bottom-bar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-bottom-bar" class="ti-arrow-bottom-bar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-bottom-bar" class="ti-arrow-bottom-bar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-bottom-bar" class="ti-arrow-bottom-bar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-bottom-bar" class="ti-arrow-bottom-bar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-bottom-bar" class="ti-arrow-bottom-bar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-bottom-bar" class="ti-arrow-bottom-bar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-bottom-bar" class="ti-arrow-bottom-bar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-bottom-bar" class="ti-arrow-bottom-bar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-bottom-bar" class="ti-arrow-bottom-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-bottom-bar" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10109;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-bottom-circle" class="ti-arrow-bottom-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-bottom-circle" class="ti-arrow-bottom-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-bottom-circle" class="ti-arrow-bottom-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-bottom-circle" class="ti-arrow-bottom-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-bottom-circle" class="ti-arrow-bottom-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-bottom-circle" class="ti-arrow-bottom-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-bottom-circle" class="ti-arrow-bottom-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-bottom-circle" class="ti-arrow-bottom-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-bottom-circle" class="ti-arrow-bottom-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-bottom-circle" class="ti-arrow-bottom-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-bottom-circle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1010a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-bottom-square" class="ti-arrow-bottom-square"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-bottom-square" class="ti-arrow-bottom-square"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-bottom-square" class="ti-arrow-bottom-square"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-bottom-square" class="ti-arrow-bottom-square"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-bottom-square" class="ti-arrow-bottom-square"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-bottom-square" class="ti-arrow-bottom-square"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-bottom-square" class="ti-arrow-bottom-square"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-bottom-square" class="ti-arrow-bottom-square"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-bottom-square" class="ti-arrow-bottom-square"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-bottom-square" class="ti-arrow-bottom-square"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-bottom-square" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1010b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-bottom-tail" class="ti-arrow-bottom-tail"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-bottom-tail" class="ti-arrow-bottom-tail"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-bottom-tail" class="ti-arrow-bottom-tail"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-bottom-tail" class="ti-arrow-bottom-tail"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-bottom-tail" class="ti-arrow-bottom-tail"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-bottom-tail" class="ti-arrow-bottom-tail"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-bottom-tail" class="ti-arrow-bottom-tail"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-bottom-tail" class="ti-arrow-bottom-tail"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-bottom-tail" class="ti-arrow-bottom-tail"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-bottom-tail" class="ti-arrow-bottom-tail"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-bottom-tail" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1010c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-down" class="ti-arrow-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-down" class="ti-arrow-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-down" class="ti-arrow-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-down" class="ti-arrow-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-down" class="ti-arrow-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-down" class="ti-arrow-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-down" class="ti-arrow-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-down" class="ti-arrow-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-down" class="ti-arrow-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-down" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1010d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-down-circle" class="ti-arrow-down-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-down-circle" class="ti-arrow-down-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-down-circle" class="ti-arrow-down-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-down-circle" class="ti-arrow-down-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-down-circle" class="ti-arrow-down-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-down-circle" class="ti-arrow-down-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-down-circle" class="ti-arrow-down-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-down-circle" class="ti-arrow-down-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-down-circle" class="ti-arrow-down-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-down-circle" class="ti-arrow-down-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-down-circle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1010e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-down-left" class="ti-arrow-down-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-down-left" class="ti-arrow-down-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-down-left" class="ti-arrow-down-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-down-left" class="ti-arrow-down-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-down-left" class="ti-arrow-down-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-down-left" class="ti-arrow-down-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-down-left" class="ti-arrow-down-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-down-left" class="ti-arrow-down-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-down-left" class="ti-arrow-down-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-down-left" class="ti-arrow-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-down-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1010f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-down-left-circle" class="ti-arrow-down-left-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-down-left-circle" class="ti-arrow-down-left-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-down-left-circle" class="ti-arrow-down-left-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-down-left-circle" class="ti-arrow-down-left-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-down-left-circle" class="ti-arrow-down-left-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-down-left-circle" class="ti-arrow-down-left-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-down-left-circle" class="ti-arrow-down-left-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-down-left-circle" class="ti-arrow-down-left-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-down-left-circle" class="ti-arrow-down-left-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-down-left-circle" class="ti-arrow-down-left-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-down-left-circle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10110;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-down-right" class="ti-arrow-down-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-down-right" class="ti-arrow-down-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-down-right" class="ti-arrow-down-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-down-right" class="ti-arrow-down-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-down-right" class="ti-arrow-down-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-down-right" class="ti-arrow-down-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-down-right" class="ti-arrow-down-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-down-right" class="ti-arrow-down-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-down-right" class="ti-arrow-down-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-down-right" class="ti-arrow-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-down-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10111;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-down-right-circle" class="ti-arrow-down-right-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-down-right-circle" class="ti-arrow-down-right-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-down-right-circle" class="ti-arrow-down-right-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-down-right-circle" class="ti-arrow-down-right-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-down-right-circle" class="ti-arrow-down-right-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-down-right-circle" class="ti-arrow-down-right-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-down-right-circle" class="ti-arrow-down-right-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-down-right-circle" class="ti-arrow-down-right-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-down-right-circle" class="ti-arrow-down-right-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-down-right-circle" class="ti-arrow-down-right-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-down-right-circle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10112;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-forward" class="ti-arrow-forward"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-forward" class="ti-arrow-forward"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-forward" class="ti-arrow-forward"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-forward" class="ti-arrow-forward"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-forward" class="ti-arrow-forward"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-forward" class="ti-arrow-forward"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-forward" class="ti-arrow-forward"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-forward" class="ti-arrow-forward"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-forward" class="ti-arrow-forward"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-forward" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-forward" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10113;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-forward-up" class="ti-arrow-forward-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-forward-up" class="ti-arrow-forward-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-forward-up" class="ti-arrow-forward-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-forward-up" class="ti-arrow-forward-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-forward-up" class="ti-arrow-forward-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-forward-up" class="ti-arrow-forward-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-forward-up" class="ti-arrow-forward-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-forward-up" class="ti-arrow-forward-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-forward-up" class="ti-arrow-forward-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-forward-up" class="ti-arrow-forward-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-forward-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10114;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-left" class="ti-arrow-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-left" class="ti-arrow-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-left" class="ti-arrow-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-left" class="ti-arrow-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-left" class="ti-arrow-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-left" class="ti-arrow-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-left" class="ti-arrow-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-left" class="ti-arrow-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-left" class="ti-arrow-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-left" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10115;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-left-bar" class="ti-arrow-left-bar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-left-bar" class="ti-arrow-left-bar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-left-bar" class="ti-arrow-left-bar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-left-bar" class="ti-arrow-left-bar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-left-bar" class="ti-arrow-left-bar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-left-bar" class="ti-arrow-left-bar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-left-bar" class="ti-arrow-left-bar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-left-bar" class="ti-arrow-left-bar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-left-bar" class="ti-arrow-left-bar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-left-bar" class="ti-arrow-left-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-left-bar" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10116;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-left-circle" class="ti-arrow-left-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-left-circle" class="ti-arrow-left-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-left-circle" class="ti-arrow-left-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-left-circle" class="ti-arrow-left-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-left-circle" class="ti-arrow-left-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-left-circle" class="ti-arrow-left-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-left-circle" class="ti-arrow-left-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-left-circle" class="ti-arrow-left-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-left-circle" class="ti-arrow-left-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-left-circle" class="ti-arrow-left-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-left-circle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10117;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-left-square" class="ti-arrow-left-square"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-left-square" class="ti-arrow-left-square"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-left-square" class="ti-arrow-left-square"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-left-square" class="ti-arrow-left-square"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-left-square" class="ti-arrow-left-square"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-left-square" class="ti-arrow-left-square"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-left-square" class="ti-arrow-left-square"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-left-square" class="ti-arrow-left-square"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-left-square" class="ti-arrow-left-square"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-left-square" class="ti-arrow-left-square"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-left-square" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10118;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-left-tail" class="ti-arrow-left-tail"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-left-tail" class="ti-arrow-left-tail"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-left-tail" class="ti-arrow-left-tail"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-left-tail" class="ti-arrow-left-tail"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-left-tail" class="ti-arrow-left-tail"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-left-tail" class="ti-arrow-left-tail"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-left-tail" class="ti-arrow-left-tail"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-left-tail" class="ti-arrow-left-tail"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-left-tail" class="ti-arrow-left-tail"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-left-tail" class="ti-arrow-left-tail"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-left-tail" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10119;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-loop-left" class="ti-arrow-loop-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-loop-left" class="ti-arrow-loop-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-loop-left" class="ti-arrow-loop-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-loop-left" class="ti-arrow-loop-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-loop-left" class="ti-arrow-loop-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-loop-left" class="ti-arrow-loop-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-loop-left" class="ti-arrow-loop-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-loop-left" class="ti-arrow-loop-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-loop-left" class="ti-arrow-loop-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-loop-left" class="ti-arrow-loop-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-loop-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1011a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-loop-right" class="ti-arrow-loop-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-loop-right" class="ti-arrow-loop-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-loop-right" class="ti-arrow-loop-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-loop-right" class="ti-arrow-loop-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-loop-right" class="ti-arrow-loop-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-loop-right" class="ti-arrow-loop-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-loop-right" class="ti-arrow-loop-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-loop-right" class="ti-arrow-loop-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-loop-right" class="ti-arrow-loop-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-loop-right" class="ti-arrow-loop-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-loop-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1011b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-narrow-down" class="ti-arrow-narrow-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-narrow-down" class="ti-arrow-narrow-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-narrow-down" class="ti-arrow-narrow-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-narrow-down" class="ti-arrow-narrow-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-narrow-down" class="ti-arrow-narrow-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-narrow-down" class="ti-arrow-narrow-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-narrow-down" class="ti-arrow-narrow-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-narrow-down" class="ti-arrow-narrow-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-narrow-down" class="ti-arrow-narrow-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-narrow-down" class="ti-arrow-narrow-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-narrow-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1011c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-narrow-left" class="ti-arrow-narrow-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-narrow-left" class="ti-arrow-narrow-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-narrow-left" class="ti-arrow-narrow-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-narrow-left" class="ti-arrow-narrow-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-narrow-left" class="ti-arrow-narrow-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-narrow-left" class="ti-arrow-narrow-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-narrow-left" class="ti-arrow-narrow-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-narrow-left" class="ti-arrow-narrow-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-narrow-left" class="ti-arrow-narrow-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-narrow-left" class="ti-arrow-narrow-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-narrow-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1011d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-narrow-right" class="ti-arrow-narrow-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-narrow-right" class="ti-arrow-narrow-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-narrow-right" class="ti-arrow-narrow-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-narrow-right" class="ti-arrow-narrow-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-narrow-right" class="ti-arrow-narrow-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-narrow-right" class="ti-arrow-narrow-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-narrow-right" class="ti-arrow-narrow-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-narrow-right" class="ti-arrow-narrow-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-narrow-right" class="ti-arrow-narrow-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-narrow-right" class="ti-arrow-narrow-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-narrow-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1011e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-narrow-up" class="ti-arrow-narrow-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-narrow-up" class="ti-arrow-narrow-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-narrow-up" class="ti-arrow-narrow-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-narrow-up" class="ti-arrow-narrow-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-narrow-up" class="ti-arrow-narrow-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-narrow-up" class="ti-arrow-narrow-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-narrow-up" class="ti-arrow-narrow-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-narrow-up" class="ti-arrow-narrow-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-narrow-up" class="ti-arrow-narrow-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-narrow-up" class="ti-arrow-narrow-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-narrow-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1011f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-ramp-left" class="ti-arrow-ramp-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-ramp-left" class="ti-arrow-ramp-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-ramp-left" class="ti-arrow-ramp-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-ramp-left" class="ti-arrow-ramp-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-ramp-left" class="ti-arrow-ramp-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-ramp-left" class="ti-arrow-ramp-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-ramp-left" class="ti-arrow-ramp-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-ramp-left" class="ti-arrow-ramp-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-ramp-left" class="ti-arrow-ramp-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-ramp-left" class="ti-arrow-ramp-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-ramp-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10120;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-ramp-right" class="ti-arrow-ramp-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-ramp-right" class="ti-arrow-ramp-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-ramp-right" class="ti-arrow-ramp-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-ramp-right" class="ti-arrow-ramp-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-ramp-right" class="ti-arrow-ramp-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-ramp-right" class="ti-arrow-ramp-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-ramp-right" class="ti-arrow-ramp-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-ramp-right" class="ti-arrow-ramp-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-ramp-right" class="ti-arrow-ramp-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-ramp-right" class="ti-arrow-ramp-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-ramp-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10121;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-right" class="ti-arrow-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-right" class="ti-arrow-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-right" class="ti-arrow-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-right" class="ti-arrow-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-right" class="ti-arrow-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-right" class="ti-arrow-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-right" class="ti-arrow-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-right" class="ti-arrow-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-right" class="ti-arrow-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-right" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10122;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-right-bar" class="ti-arrow-right-bar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-right-bar" class="ti-arrow-right-bar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-right-bar" class="ti-arrow-right-bar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-right-bar" class="ti-arrow-right-bar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-right-bar" class="ti-arrow-right-bar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-right-bar" class="ti-arrow-right-bar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-right-bar" class="ti-arrow-right-bar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-right-bar" class="ti-arrow-right-bar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-right-bar" class="ti-arrow-right-bar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-right-bar" class="ti-arrow-right-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-right-bar" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10123;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-right-circle" class="ti-arrow-right-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-right-circle" class="ti-arrow-right-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-right-circle" class="ti-arrow-right-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-right-circle" class="ti-arrow-right-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-right-circle" class="ti-arrow-right-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-right-circle" class="ti-arrow-right-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-right-circle" class="ti-arrow-right-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-right-circle" class="ti-arrow-right-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-right-circle" class="ti-arrow-right-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-right-circle" class="ti-arrow-right-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-right-circle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10124;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-right-square" class="ti-arrow-right-square"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-right-square" class="ti-arrow-right-square"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-right-square" class="ti-arrow-right-square"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-right-square" class="ti-arrow-right-square"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-right-square" class="ti-arrow-right-square"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-right-square" class="ti-arrow-right-square"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-right-square" class="ti-arrow-right-square"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-right-square" class="ti-arrow-right-square"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-right-square" class="ti-arrow-right-square"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-right-square" class="ti-arrow-right-square"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-right-square" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10125;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-right-tail" class="ti-arrow-right-tail"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-right-tail" class="ti-arrow-right-tail"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-right-tail" class="ti-arrow-right-tail"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-right-tail" class="ti-arrow-right-tail"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-right-tail" class="ti-arrow-right-tail"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-right-tail" class="ti-arrow-right-tail"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-right-tail" class="ti-arrow-right-tail"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-right-tail" class="ti-arrow-right-tail"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-right-tail" class="ti-arrow-right-tail"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-right-tail" class="ti-arrow-right-tail"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-right-tail" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10126;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-top-bar" class="ti-arrow-top-bar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-top-bar" class="ti-arrow-top-bar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-top-bar" class="ti-arrow-top-bar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-top-bar" class="ti-arrow-top-bar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-top-bar" class="ti-arrow-top-bar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-top-bar" class="ti-arrow-top-bar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-top-bar" class="ti-arrow-top-bar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-top-bar" class="ti-arrow-top-bar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-top-bar" class="ti-arrow-top-bar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-top-bar" class="ti-arrow-top-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-top-bar" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10127;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-top-circle" class="ti-arrow-top-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-top-circle" class="ti-arrow-top-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-top-circle" class="ti-arrow-top-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-top-circle" class="ti-arrow-top-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-top-circle" class="ti-arrow-top-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-top-circle" class="ti-arrow-top-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-top-circle" class="ti-arrow-top-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-top-circle" class="ti-arrow-top-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-top-circle" class="ti-arrow-top-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-top-circle" class="ti-arrow-top-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-top-circle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10128;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-top-square" class="ti-arrow-top-square"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-top-square" class="ti-arrow-top-square"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-top-square" class="ti-arrow-top-square"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-top-square" class="ti-arrow-top-square"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-top-square" class="ti-arrow-top-square"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-top-square" class="ti-arrow-top-square"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-top-square" class="ti-arrow-top-square"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-top-square" class="ti-arrow-top-square"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-top-square" class="ti-arrow-top-square"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-top-square" class="ti-arrow-top-square"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-top-square" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10129;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-top-tail" class="ti-arrow-top-tail"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-top-tail" class="ti-arrow-top-tail"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-top-tail" class="ti-arrow-top-tail"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-top-tail" class="ti-arrow-top-tail"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-top-tail" class="ti-arrow-top-tail"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-top-tail" class="ti-arrow-top-tail"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-top-tail" class="ti-arrow-top-tail"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-top-tail" class="ti-arrow-top-tail"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-top-tail" class="ti-arrow-top-tail"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-top-tail" class="ti-arrow-top-tail"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-top-tail" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1012a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-up" class="ti-arrow-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-up" class="ti-arrow-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-up" class="ti-arrow-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-up" class="ti-arrow-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-up" class="ti-arrow-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-up" class="ti-arrow-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-up" class="ti-arrow-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-up" class="ti-arrow-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-up" class="ti-arrow-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-up" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1012b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-up-circle" class="ti-arrow-up-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-up-circle" class="ti-arrow-up-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-up-circle" class="ti-arrow-up-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-up-circle" class="ti-arrow-up-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-up-circle" class="ti-arrow-up-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-up-circle" class="ti-arrow-up-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-up-circle" class="ti-arrow-up-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-up-circle" class="ti-arrow-up-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-up-circle" class="ti-arrow-up-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-up-circle" class="ti-arrow-up-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-up-circle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1012c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-up-left" class="ti-arrow-up-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-up-left" class="ti-arrow-up-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-up-left" class="ti-arrow-up-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-up-left" class="ti-arrow-up-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-up-left" class="ti-arrow-up-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-up-left" class="ti-arrow-up-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-up-left" class="ti-arrow-up-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-up-left" class="ti-arrow-up-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-up-left" class="ti-arrow-up-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-up-left" class="ti-arrow-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-up-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1012d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-up-left-circle" class="ti-arrow-up-left-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-up-left-circle" class="ti-arrow-up-left-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-up-left-circle" class="ti-arrow-up-left-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-up-left-circle" class="ti-arrow-up-left-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-up-left-circle" class="ti-arrow-up-left-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-up-left-circle" class="ti-arrow-up-left-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-up-left-circle" class="ti-arrow-up-left-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-up-left-circle" class="ti-arrow-up-left-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-up-left-circle" class="ti-arrow-up-left-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-up-left-circle" class="ti-arrow-up-left-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-up-left-circle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1012e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-up-right" class="ti-arrow-up-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-up-right" class="ti-arrow-up-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-up-right" class="ti-arrow-up-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-up-right" class="ti-arrow-up-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-up-right" class="ti-arrow-up-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-up-right" class="ti-arrow-up-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-up-right" class="ti-arrow-up-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-up-right" class="ti-arrow-up-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-up-right" class="ti-arrow-up-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-up-right" class="ti-arrow-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-up-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1012f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-up-right-circle" class="ti-arrow-up-right-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-up-right-circle" class="ti-arrow-up-right-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-up-right-circle" class="ti-arrow-up-right-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-up-right-circle" class="ti-arrow-up-right-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-up-right-circle" class="ti-arrow-up-right-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-up-right-circle" class="ti-arrow-up-right-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-up-right-circle" class="ti-arrow-up-right-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-up-right-circle" class="ti-arrow-up-right-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-up-right-circle" class="ti-arrow-up-right-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-up-right-circle" class="ti-arrow-up-right-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-up-right-circle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10130;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-wave-left-down" class="ti-arrow-wave-left-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-wave-left-down" class="ti-arrow-wave-left-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-wave-left-down" class="ti-arrow-wave-left-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-wave-left-down" class="ti-arrow-wave-left-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-wave-left-down" class="ti-arrow-wave-left-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-wave-left-down" class="ti-arrow-wave-left-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-wave-left-down" class="ti-arrow-wave-left-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-wave-left-down" class="ti-arrow-wave-left-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-wave-left-down" class="ti-arrow-wave-left-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-wave-left-down" class="ti-arrow-wave-left-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-wave-left-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10131;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-wave-left-up" class="ti-arrow-wave-left-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-wave-left-up" class="ti-arrow-wave-left-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-wave-left-up" class="ti-arrow-wave-left-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-wave-left-up" class="ti-arrow-wave-left-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-wave-left-up" class="ti-arrow-wave-left-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-wave-left-up" class="ti-arrow-wave-left-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-wave-left-up" class="ti-arrow-wave-left-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-wave-left-up" class="ti-arrow-wave-left-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-wave-left-up" class="ti-arrow-wave-left-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-wave-left-up" class="ti-arrow-wave-left-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-wave-left-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10132;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-wave-right-down" class="ti-arrow-wave-right-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-wave-right-down" class="ti-arrow-wave-right-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-wave-right-down" class="ti-arrow-wave-right-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-wave-right-down" class="ti-arrow-wave-right-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-wave-right-down" class="ti-arrow-wave-right-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-wave-right-down" class="ti-arrow-wave-right-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-wave-right-down" class="ti-arrow-wave-right-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-wave-right-down" class="ti-arrow-wave-right-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-wave-right-down" class="ti-arrow-wave-right-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-wave-right-down" class="ti-arrow-wave-right-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-wave-right-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10133;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrow-wave-right-up" class="ti-arrow-wave-right-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrow-wave-right-up" class="ti-arrow-wave-right-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrow-wave-right-up" class="ti-arrow-wave-right-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrow-wave-right-up" class="ti-arrow-wave-right-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrow-wave-right-up" class="ti-arrow-wave-right-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrow-wave-right-up" class="ti-arrow-wave-right-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrow-wave-right-up" class="ti-arrow-wave-right-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrow-wave-right-up" class="ti-arrow-wave-right-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrow-wave-right-up" class="ti-arrow-wave-right-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrow-wave-right-up" class="ti-arrow-wave-right-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrow-wave-right-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10134;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-diagonal" class="ti-arrows-diagonal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-diagonal" class="ti-arrows-diagonal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-diagonal" class="ti-arrows-diagonal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-diagonal" class="ti-arrows-diagonal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-diagonal" class="ti-arrows-diagonal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-diagonal" class="ti-arrows-diagonal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-diagonal" class="ti-arrows-diagonal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-diagonal" class="ti-arrows-diagonal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-diagonal" class="ti-arrows-diagonal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-diagonal" class="ti-arrows-diagonal"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-diagonal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10135;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-diagonal-2" class="ti-arrows-diagonal-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-diagonal-2" class="ti-arrows-diagonal-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-diagonal-2" class="ti-arrows-diagonal-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-diagonal-2" class="ti-arrows-diagonal-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-diagonal-2" class="ti-arrows-diagonal-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-diagonal-2" class="ti-arrows-diagonal-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-diagonal-2" class="ti-arrows-diagonal-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-diagonal-2" class="ti-arrows-diagonal-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-diagonal-2" class="ti-arrows-diagonal-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-diagonal-2" class="ti-arrows-diagonal-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-diagonal-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10136;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-down" class="ti-arrows-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-down" class="ti-arrows-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-down" class="ti-arrows-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-down" class="ti-arrows-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-down" class="ti-arrows-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-down" class="ti-arrows-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-down" class="ti-arrows-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-down" class="ti-arrows-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-down" class="ti-arrows-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-down" class="ti-arrows-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10137;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-down-up" class="ti-arrows-down-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-down-up" class="ti-arrows-down-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-down-up" class="ti-arrows-down-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-down-up" class="ti-arrows-down-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-down-up" class="ti-arrows-down-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-down-up" class="ti-arrows-down-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-down-up" class="ti-arrows-down-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-down-up" class="ti-arrows-down-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-down-up" class="ti-arrows-down-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-down-up" class="ti-arrows-down-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-down-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10138;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-horizontal" class="ti-arrows-horizontal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-horizontal" class="ti-arrows-horizontal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-horizontal" class="ti-arrows-horizontal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-horizontal" class="ti-arrows-horizontal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-horizontal" class="ti-arrows-horizontal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-horizontal" class="ti-arrows-horizontal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-horizontal" class="ti-arrows-horizontal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-horizontal" class="ti-arrows-horizontal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-horizontal" class="ti-arrows-horizontal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-horizontal" class="ti-arrows-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-horizontal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10139;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-join" class="ti-arrows-join"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-join" class="ti-arrows-join"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-join" class="ti-arrows-join"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-join" class="ti-arrows-join"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-join" class="ti-arrows-join"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-join" class="ti-arrows-join"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-join" class="ti-arrows-join"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-join" class="ti-arrows-join"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-join" class="ti-arrows-join"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-join" class="ti-arrows-join"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-join" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1013a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-join-2" class="ti-arrows-join-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-join-2" class="ti-arrows-join-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-join-2" class="ti-arrows-join-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-join-2" class="ti-arrows-join-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-join-2" class="ti-arrows-join-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-join-2" class="ti-arrows-join-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-join-2" class="ti-arrows-join-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-join-2" class="ti-arrows-join-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-join-2" class="ti-arrows-join-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-join-2" class="ti-arrows-join-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-join-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1013b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-left" class="ti-arrows-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-left" class="ti-arrows-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-left" class="ti-arrows-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-left" class="ti-arrows-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-left" class="ti-arrows-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-left" class="ti-arrows-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-left" class="ti-arrows-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-left" class="ti-arrows-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-left" class="ti-arrows-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-left" class="ti-arrows-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1013c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-left-down" class="ti-arrows-left-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-left-down" class="ti-arrows-left-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-left-down" class="ti-arrows-left-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-left-down" class="ti-arrows-left-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-left-down" class="ti-arrows-left-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-left-down" class="ti-arrows-left-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-left-down" class="ti-arrows-left-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-left-down" class="ti-arrows-left-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-left-down" class="ti-arrows-left-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-left-down" class="ti-arrows-left-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-left-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1013d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-left-right" class="ti-arrows-left-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-left-right" class="ti-arrows-left-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-left-right" class="ti-arrows-left-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-left-right" class="ti-arrows-left-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-left-right" class="ti-arrows-left-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-left-right" class="ti-arrows-left-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-left-right" class="ti-arrows-left-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-left-right" class="ti-arrows-left-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-left-right" class="ti-arrows-left-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-left-right" class="ti-arrows-left-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-left-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1013e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-maximize" class="ti-arrows-maximize"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-maximize" class="ti-arrows-maximize"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-maximize" class="ti-arrows-maximize"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-maximize" class="ti-arrows-maximize"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-maximize" class="ti-arrows-maximize"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-maximize" class="ti-arrows-maximize"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-maximize" class="ti-arrows-maximize"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-maximize" class="ti-arrows-maximize"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-maximize" class="ti-arrows-maximize"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-maximize" class="ti-arrows-maximize"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-maximize" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1013f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-minimize" class="ti-arrows-minimize"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-minimize" class="ti-arrows-minimize"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-minimize" class="ti-arrows-minimize"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-minimize" class="ti-arrows-minimize"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-minimize" class="ti-arrows-minimize"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-minimize" class="ti-arrows-minimize"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-minimize" class="ti-arrows-minimize"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-minimize" class="ti-arrows-minimize"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-minimize" class="ti-arrows-minimize"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-minimize" class="ti-arrows-minimize"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-minimize" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10140;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-right" class="ti-arrows-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-right" class="ti-arrows-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-right" class="ti-arrows-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-right" class="ti-arrows-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-right" class="ti-arrows-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-right" class="ti-arrows-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-right" class="ti-arrows-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-right" class="ti-arrows-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-right" class="ti-arrows-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-right" class="ti-arrows-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10141;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-right-down" class="ti-arrows-right-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-right-down" class="ti-arrows-right-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-right-down" class="ti-arrows-right-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-right-down" class="ti-arrows-right-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-right-down" class="ti-arrows-right-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-right-down" class="ti-arrows-right-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-right-down" class="ti-arrows-right-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-right-down" class="ti-arrows-right-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-right-down" class="ti-arrows-right-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-right-down" class="ti-arrows-right-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-right-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10142;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-right-left" class="ti-arrows-right-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-right-left" class="ti-arrows-right-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-right-left" class="ti-arrows-right-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-right-left" class="ti-arrows-right-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-right-left" class="ti-arrows-right-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-right-left" class="ti-arrows-right-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-right-left" class="ti-arrows-right-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-right-left" class="ti-arrows-right-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-right-left" class="ti-arrows-right-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-right-left" class="ti-arrows-right-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-right-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10143;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-sort" class="ti-arrows-sort"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-sort" class="ti-arrows-sort"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-sort" class="ti-arrows-sort"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-sort" class="ti-arrows-sort"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-sort" class="ti-arrows-sort"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-sort" class="ti-arrows-sort"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-sort" class="ti-arrows-sort"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-sort" class="ti-arrows-sort"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-sort" class="ti-arrows-sort"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-sort" class="ti-arrows-sort"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-sort" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10144;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-split" class="ti-arrows-split"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-split" class="ti-arrows-split"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-split" class="ti-arrows-split"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-split" class="ti-arrows-split"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-split" class="ti-arrows-split"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-split" class="ti-arrows-split"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-split" class="ti-arrows-split"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-split" class="ti-arrows-split"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-split" class="ti-arrows-split"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-split" class="ti-arrows-split"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-split" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10145;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-split-2" class="ti-arrows-split-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-split-2" class="ti-arrows-split-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-split-2" class="ti-arrows-split-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-split-2" class="ti-arrows-split-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-split-2" class="ti-arrows-split-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-split-2" class="ti-arrows-split-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-split-2" class="ti-arrows-split-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-split-2" class="ti-arrows-split-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-split-2" class="ti-arrows-split-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-split-2" class="ti-arrows-split-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-split-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10146;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-up" class="ti-arrows-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-up" class="ti-arrows-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-up" class="ti-arrows-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-up" class="ti-arrows-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-up" class="ti-arrows-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-up" class="ti-arrows-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-up" class="ti-arrows-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-up" class="ti-arrows-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-up" class="ti-arrows-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-up" class="ti-arrows-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10147;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-up-down" class="ti-arrows-up-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-up-down" class="ti-arrows-up-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-up-down" class="ti-arrows-up-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-up-down" class="ti-arrows-up-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-up-down" class="ti-arrows-up-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-up-down" class="ti-arrows-up-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-up-down" class="ti-arrows-up-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-up-down" class="ti-arrows-up-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-up-down" class="ti-arrows-up-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-up-down" class="ti-arrows-up-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-up-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10148;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-up-left" class="ti-arrows-up-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-up-left" class="ti-arrows-up-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-up-left" class="ti-arrows-up-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-up-left" class="ti-arrows-up-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-up-left" class="ti-arrows-up-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-up-left" class="ti-arrows-up-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-up-left" class="ti-arrows-up-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-up-left" class="ti-arrows-up-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-up-left" class="ti-arrows-up-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-up-left" class="ti-arrows-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-up-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10149;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-up-right" class="ti-arrows-up-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-up-right" class="ti-arrows-up-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-up-right" class="ti-arrows-up-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-up-right" class="ti-arrows-up-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-up-right" class="ti-arrows-up-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-up-right" class="ti-arrows-up-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-up-right" class="ti-arrows-up-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-up-right" class="ti-arrows-up-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-up-right" class="ti-arrows-up-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-up-right" class="ti-arrows-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-up-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1014a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-arrows-vertical" class="ti-arrows-vertical"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-arrows-vertical" class="ti-arrows-vertical"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-arrows-vertical" class="ti-arrows-vertical"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-arrows-vertical" class="ti-arrows-vertical"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-arrows-vertical" class="ti-arrows-vertical"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-arrows-vertical" class="ti-arrows-vertical"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-arrows-vertical" class="ti-arrows-vertical"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-arrows-vertical" class="ti-arrows-vertical"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-arrows-vertical" class="ti-arrows-vertical"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-arrows-vertical" class="ti-arrows-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-arrows-vertical" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1014b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-artboard" class="ti-artboard"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-artboard" class="ti-artboard"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-artboard" class="ti-artboard"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-artboard" class="ti-artboard"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-artboard" class="ti-artboard"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-artboard" class="ti-artboard"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-artboard" class="ti-artboard"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-artboard" class="ti-artboard"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-artboard" class="ti-artboard"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-artboard" class="ti-artboard"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-artboard" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1014c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-aspect-ratio" class="ti-aspect-ratio"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-aspect-ratio" class="ti-aspect-ratio"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-aspect-ratio" class="ti-aspect-ratio"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-aspect-ratio" class="ti-aspect-ratio"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-aspect-ratio" class="ti-aspect-ratio"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-aspect-ratio" class="ti-aspect-ratio"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-aspect-ratio" class="ti-aspect-ratio"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-aspect-ratio" class="ti-aspect-ratio"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-aspect-ratio" class="ti-aspect-ratio"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-aspect-ratio" class="ti-aspect-ratio"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-aspect-ratio" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1014d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-at" class="ti-at"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-at" class="ti-at"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-at" class="ti-at"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-at" class="ti-at"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-at" class="ti-at"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-at" class="ti-at"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-at" class="ti-at"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-at" class="ti-at"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-at" class="ti-at"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-at" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-at" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1014e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-atom" class="ti-atom"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-atom" class="ti-atom"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-atom" class="ti-atom"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-atom" class="ti-atom"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-atom" class="ti-atom"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-atom" class="ti-atom"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-atom" class="ti-atom"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-atom" class="ti-atom"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-atom" class="ti-atom"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-atom" class="ti-atom"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-atom" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1014f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-atom-2" class="ti-atom-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-atom-2" class="ti-atom-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-atom-2" class="ti-atom-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-atom-2" class="ti-atom-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-atom-2" class="ti-atom-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-atom-2" class="ti-atom-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-atom-2" class="ti-atom-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-atom-2" class="ti-atom-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-atom-2" class="ti-atom-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-atom-2" class="ti-atom-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-atom-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10150;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-award" class="ti-award"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-award" class="ti-award"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-award" class="ti-award"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-award" class="ti-award"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-award" class="ti-award"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-award" class="ti-award"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-award" class="ti-award"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-award" class="ti-award"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-award" class="ti-award"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-award" class="ti-award"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-award" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10151;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-backhoe" class="ti-backhoe"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-backhoe" class="ti-backhoe"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-backhoe" class="ti-backhoe"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-backhoe" class="ti-backhoe"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-backhoe" class="ti-backhoe"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-backhoe" class="ti-backhoe"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-backhoe" class="ti-backhoe"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-backhoe" class="ti-backhoe"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-backhoe" class="ti-backhoe"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-backhoe" class="ti-backhoe"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-backhoe" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10152;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-backspace" class="ti-backspace"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-backspace" class="ti-backspace"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-backspace" class="ti-backspace"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-backspace" class="ti-backspace"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-backspace" class="ti-backspace"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-backspace" class="ti-backspace"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-backspace" class="ti-backspace"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-backspace" class="ti-backspace"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-backspace" class="ti-backspace"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-backspace" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-backspace" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10153;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ball-american-football" class="ti-ball-american-football"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ball-american-football" class="ti-ball-american-football"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ball-american-football" class="ti-ball-american-football"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ball-american-football" class="ti-ball-american-football"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ball-american-football" class="ti-ball-american-football"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ball-american-football" class="ti-ball-american-football"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ball-american-football" class="ti-ball-american-football"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ball-american-football" class="ti-ball-american-football"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ball-american-football" class="ti-ball-american-football"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ball-american-football" class="ti-ball-american-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ball-american-football" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10154;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ball-basketball" class="ti-ball-basketball"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ball-basketball" class="ti-ball-basketball"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ball-basketball" class="ti-ball-basketball"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ball-basketball" class="ti-ball-basketball"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ball-basketball" class="ti-ball-basketball"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ball-basketball" class="ti-ball-basketball"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ball-basketball" class="ti-ball-basketball"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ball-basketball" class="ti-ball-basketball"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ball-basketball" class="ti-ball-basketball"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ball-basketball" class="ti-ball-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ball-basketball" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10155;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ball-bowling" class="ti-ball-bowling"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ball-bowling" class="ti-ball-bowling"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ball-bowling" class="ti-ball-bowling"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ball-bowling" class="ti-ball-bowling"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ball-bowling" class="ti-ball-bowling"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ball-bowling" class="ti-ball-bowling"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ball-bowling" class="ti-ball-bowling"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ball-bowling" class="ti-ball-bowling"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ball-bowling" class="ti-ball-bowling"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ball-bowling" class="ti-ball-bowling"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ball-bowling" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10156;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ball-football" class="ti-ball-football"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ball-football" class="ti-ball-football"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ball-football" class="ti-ball-football"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ball-football" class="ti-ball-football"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ball-football" class="ti-ball-football"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ball-football" class="ti-ball-football"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ball-football" class="ti-ball-football"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ball-football" class="ti-ball-football"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ball-football" class="ti-ball-football"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ball-football" class="ti-ball-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ball-football" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10157;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ball-football-off" class="ti-ball-football-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ball-football-off" class="ti-ball-football-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ball-football-off" class="ti-ball-football-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ball-football-off" class="ti-ball-football-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ball-football-off" class="ti-ball-football-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ball-football-off" class="ti-ball-football-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ball-football-off" class="ti-ball-football-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ball-football-off" class="ti-ball-football-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ball-football-off" class="ti-ball-football-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ball-football-off" class="ti-ball-football-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ball-football-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10158;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ball-tennis" class="ti-ball-tennis"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ball-tennis" class="ti-ball-tennis"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ball-tennis" class="ti-ball-tennis"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ball-tennis" class="ti-ball-tennis"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ball-tennis" class="ti-ball-tennis"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ball-tennis" class="ti-ball-tennis"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ball-tennis" class="ti-ball-tennis"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ball-tennis" class="ti-ball-tennis"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ball-tennis" class="ti-ball-tennis"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ball-tennis" class="ti-ball-tennis"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ball-tennis" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10159;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ball-volleyball" class="ti-ball-volleyball"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ball-volleyball" class="ti-ball-volleyball"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ball-volleyball" class="ti-ball-volleyball"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ball-volleyball" class="ti-ball-volleyball"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ball-volleyball" class="ti-ball-volleyball"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ball-volleyball" class="ti-ball-volleyball"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ball-volleyball" class="ti-ball-volleyball"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ball-volleyball" class="ti-ball-volleyball"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ball-volleyball" class="ti-ball-volleyball"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ball-volleyball" class="ti-ball-volleyball"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ball-volleyball" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1015a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ban" class="ti-ban"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ban" class="ti-ban"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ban" class="ti-ban"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ban" class="ti-ban"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ban" class="ti-ban"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ban" class="ti-ban"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ban" class="ti-ban"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ban" class="ti-ban"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ban" class="ti-ban"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ban" class="ti-ban"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ban" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1015b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bandage" class="ti-bandage"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bandage" class="ti-bandage"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bandage" class="ti-bandage"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bandage" class="ti-bandage"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bandage" class="ti-bandage"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bandage" class="ti-bandage"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bandage" class="ti-bandage"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bandage" class="ti-bandage"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bandage" class="ti-bandage"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bandage" class="ti-bandage"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bandage" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1015c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-barcode" class="ti-barcode"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-barcode" class="ti-barcode"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-barcode" class="ti-barcode"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-barcode" class="ti-barcode"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-barcode" class="ti-barcode"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-barcode" class="ti-barcode"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-barcode" class="ti-barcode"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-barcode" class="ti-barcode"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-barcode" class="ti-barcode"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-barcode" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-barcode" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1015d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-basket" class="ti-basket"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-basket" class="ti-basket"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-basket" class="ti-basket"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-basket" class="ti-basket"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-basket" class="ti-basket"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-basket" class="ti-basket"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-basket" class="ti-basket"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-basket" class="ti-basket"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-basket" class="ti-basket"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-basket" class="ti-basket"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-basket" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1015e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-battery" class="ti-battery"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-battery" class="ti-battery"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-battery" class="ti-battery"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-battery" class="ti-battery"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-battery" class="ti-battery"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-battery" class="ti-battery"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-battery" class="ti-battery"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-battery" class="ti-battery"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-battery" class="ti-battery"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-battery" class="ti-battery"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-battery" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1015f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-battery-1" class="ti-battery-1"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-battery-1" class="ti-battery-1"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-battery-1" class="ti-battery-1"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-battery-1" class="ti-battery-1"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-battery-1" class="ti-battery-1"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-battery-1" class="ti-battery-1"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-battery-1" class="ti-battery-1"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-battery-1" class="ti-battery-1"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-battery-1" class="ti-battery-1"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-battery-1" class="ti-battery-1"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-battery-1" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10160;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-battery-2" class="ti-battery-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-battery-2" class="ti-battery-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-battery-2" class="ti-battery-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-battery-2" class="ti-battery-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-battery-2" class="ti-battery-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-battery-2" class="ti-battery-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-battery-2" class="ti-battery-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-battery-2" class="ti-battery-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-battery-2" class="ti-battery-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-battery-2" class="ti-battery-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-battery-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10161;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-battery-3" class="ti-battery-3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-battery-3" class="ti-battery-3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-battery-3" class="ti-battery-3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-battery-3" class="ti-battery-3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-battery-3" class="ti-battery-3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-battery-3" class="ti-battery-3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-battery-3" class="ti-battery-3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-battery-3" class="ti-battery-3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-battery-3" class="ti-battery-3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-battery-3" class="ti-battery-3"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-battery-3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10162;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-battery-4" class="ti-battery-4"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-battery-4" class="ti-battery-4"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-battery-4" class="ti-battery-4"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-battery-4" class="ti-battery-4"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-battery-4" class="ti-battery-4"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-battery-4" class="ti-battery-4"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-battery-4" class="ti-battery-4"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-battery-4" class="ti-battery-4"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-battery-4" class="ti-battery-4"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-battery-4" class="ti-battery-4"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-battery-4" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10163;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-battery-automotive" class="ti-battery-automotive"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-battery-automotive" class="ti-battery-automotive"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-battery-automotive" class="ti-battery-automotive"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-battery-automotive" class="ti-battery-automotive"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-battery-automotive" class="ti-battery-automotive"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-battery-automotive" class="ti-battery-automotive"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-battery-automotive" class="ti-battery-automotive"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-battery-automotive" class="ti-battery-automotive"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-battery-automotive" class="ti-battery-automotive"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-battery-automotive" class="ti-battery-automotive"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-battery-automotive" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10164;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-battery-charging" class="ti-battery-charging"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-battery-charging" class="ti-battery-charging"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-battery-charging" class="ti-battery-charging"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-battery-charging" class="ti-battery-charging"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-battery-charging" class="ti-battery-charging"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-battery-charging" class="ti-battery-charging"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-battery-charging" class="ti-battery-charging"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-battery-charging" class="ti-battery-charging"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-battery-charging" class="ti-battery-charging"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-battery-charging" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-battery-charging" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10165;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-battery-off" class="ti-battery-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-battery-off" class="ti-battery-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-battery-off" class="ti-battery-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-battery-off" class="ti-battery-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-battery-off" class="ti-battery-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-battery-off" class="ti-battery-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-battery-off" class="ti-battery-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-battery-off" class="ti-battery-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-battery-off" class="ti-battery-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-battery-off" class="ti-battery-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-battery-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10166;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bed" class="ti-bed"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bed" class="ti-bed"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bed" class="ti-bed"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bed" class="ti-bed"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bed" class="ti-bed"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bed" class="ti-bed"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bed" class="ti-bed"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bed" class="ti-bed"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bed" class="ti-bed"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bed" class="ti-bed"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bed" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10167;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bell" class="ti-bell"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bell" class="ti-bell"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bell" class="ti-bell"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bell" class="ti-bell"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bell" class="ti-bell"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bell" class="ti-bell"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bell" class="ti-bell"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bell" class="ti-bell"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bell" class="ti-bell"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bell" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bell" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10168;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bell-off" class="ti-bell-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bell-off" class="ti-bell-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bell-off" class="ti-bell-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bell-off" class="ti-bell-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bell-off" class="ti-bell-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bell-off" class="ti-bell-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bell-off" class="ti-bell-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bell-off" class="ti-bell-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bell-off" class="ti-bell-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bell-off" class="ti-bell-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bell-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10169;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bell-ringing" class="ti-bell-ringing"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bell-ringing" class="ti-bell-ringing"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bell-ringing" class="ti-bell-ringing"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bell-ringing" class="ti-bell-ringing"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bell-ringing" class="ti-bell-ringing"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bell-ringing" class="ti-bell-ringing"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bell-ringing" class="ti-bell-ringing"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bell-ringing" class="ti-bell-ringing"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bell-ringing" class="ti-bell-ringing"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bell-ringing" class="ti-bell-ringing"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bell-ringing" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1016a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bell-ringing-2" class="ti-bell-ringing-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bell-ringing-2" class="ti-bell-ringing-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bell-ringing-2" class="ti-bell-ringing-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bell-ringing-2" class="ti-bell-ringing-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bell-ringing-2" class="ti-bell-ringing-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bell-ringing-2" class="ti-bell-ringing-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bell-ringing-2" class="ti-bell-ringing-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bell-ringing-2" class="ti-bell-ringing-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bell-ringing-2" class="ti-bell-ringing-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bell-ringing-2" class="ti-bell-ringing-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bell-ringing-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1016b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bike" class="ti-bike"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bike" class="ti-bike"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bike" class="ti-bike"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bike" class="ti-bike"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bike" class="ti-bike"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bike" class="ti-bike"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bike" class="ti-bike"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bike" class="ti-bike"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bike" class="ti-bike"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bike" class="ti-bike"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bike" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1016c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-binary" class="ti-binary"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-binary" class="ti-binary"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-binary" class="ti-binary"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-binary" class="ti-binary"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-binary" class="ti-binary"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-binary" class="ti-binary"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-binary" class="ti-binary"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-binary" class="ti-binary"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-binary" class="ti-binary"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-binary" class="ti-binary"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-binary" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1016d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-biohazard" class="ti-biohazard"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-biohazard" class="ti-biohazard"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-biohazard" class="ti-biohazard"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-biohazard" class="ti-biohazard"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-biohazard" class="ti-biohazard"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-biohazard" class="ti-biohazard"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-biohazard" class="ti-biohazard"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-biohazard" class="ti-biohazard"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-biohazard" class="ti-biohazard"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-biohazard" class="ti-biohazard"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-biohazard" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1016e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-blockquote" class="ti-blockquote"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-blockquote" class="ti-blockquote"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-blockquote" class="ti-blockquote"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-blockquote" class="ti-blockquote"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-blockquote" class="ti-blockquote"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-blockquote" class="ti-blockquote"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-blockquote" class="ti-blockquote"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-blockquote" class="ti-blockquote"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-blockquote" class="ti-blockquote"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-blockquote" class="ti-blockquote"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-blockquote" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1016f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bluetooth" class="ti-bluetooth"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bluetooth" class="ti-bluetooth"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bluetooth" class="ti-bluetooth"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bluetooth" class="ti-bluetooth"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bluetooth" class="ti-bluetooth"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bluetooth" class="ti-bluetooth"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bluetooth" class="ti-bluetooth"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bluetooth" class="ti-bluetooth"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bluetooth" class="ti-bluetooth"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bluetooth" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bluetooth" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10170;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bluetooth-connected" class="ti-bluetooth-connected"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bluetooth-connected" class="ti-bluetooth-connected"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bluetooth-connected" class="ti-bluetooth-connected"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bluetooth-connected" class="ti-bluetooth-connected"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bluetooth-connected" class="ti-bluetooth-connected"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bluetooth-connected" class="ti-bluetooth-connected"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bluetooth-connected" class="ti-bluetooth-connected"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bluetooth-connected" class="ti-bluetooth-connected"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bluetooth-connected" class="ti-bluetooth-connected"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bluetooth-connected" class="ti-bluetooth-connected"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bluetooth-connected" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10171;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bluetooth-off" class="ti-bluetooth-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bluetooth-off" class="ti-bluetooth-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bluetooth-off" class="ti-bluetooth-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bluetooth-off" class="ti-bluetooth-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bluetooth-off" class="ti-bluetooth-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bluetooth-off" class="ti-bluetooth-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bluetooth-off" class="ti-bluetooth-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bluetooth-off" class="ti-bluetooth-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bluetooth-off" class="ti-bluetooth-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bluetooth-off" class="ti-bluetooth-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bluetooth-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10172;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bold" class="ti-bold"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bold" class="ti-bold"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bold" class="ti-bold"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bold" class="ti-bold"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bold" class="ti-bold"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bold" class="ti-bold"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bold" class="ti-bold"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bold" class="ti-bold"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bold" class="ti-bold"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bold" class="ti-bold"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bold" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10173;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bolt" class="ti-bolt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bolt" class="ti-bolt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bolt" class="ti-bolt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bolt" class="ti-bolt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bolt" class="ti-bolt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bolt" class="ti-bolt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bolt" class="ti-bolt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bolt" class="ti-bolt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bolt" class="ti-bolt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bolt" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bolt" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10174;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bolt-off" class="ti-bolt-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bolt-off" class="ti-bolt-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bolt-off" class="ti-bolt-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bolt-off" class="ti-bolt-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bolt-off" class="ti-bolt-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bolt-off" class="ti-bolt-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bolt-off" class="ti-bolt-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bolt-off" class="ti-bolt-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bolt-off" class="ti-bolt-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bolt-off" class="ti-bolt-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bolt-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10175;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bone" class="ti-bone"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bone" class="ti-bone"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bone" class="ti-bone"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bone" class="ti-bone"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bone" class="ti-bone"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bone" class="ti-bone"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bone" class="ti-bone"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bone" class="ti-bone"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bone" class="ti-bone"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bone" class="ti-bone"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bone" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10176;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-book" class="ti-book"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-book" class="ti-book"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-book" class="ti-book"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-book" class="ti-book"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-book" class="ti-book"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-book" class="ti-book"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-book" class="ti-book"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-book" class="ti-book"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-book" class="ti-book"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-book" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-book" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10177;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bookmark" class="ti-bookmark"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bookmark" class="ti-bookmark"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bookmark" class="ti-bookmark"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bookmark" class="ti-bookmark"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bookmark" class="ti-bookmark"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bookmark" class="ti-bookmark"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bookmark" class="ti-bookmark"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bookmark" class="ti-bookmark"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bookmark" class="ti-bookmark"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bookmark" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bookmark" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10178;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bookmark-off" class="ti-bookmark-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bookmark-off" class="ti-bookmark-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bookmark-off" class="ti-bookmark-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bookmark-off" class="ti-bookmark-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bookmark-off" class="ti-bookmark-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bookmark-off" class="ti-bookmark-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bookmark-off" class="ti-bookmark-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bookmark-off" class="ti-bookmark-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bookmark-off" class="ti-bookmark-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bookmark-off" class="ti-bookmark-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bookmark-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10179;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bookmarks" class="ti-bookmarks"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bookmarks" class="ti-bookmarks"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bookmarks" class="ti-bookmarks"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bookmarks" class="ti-bookmarks"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bookmarks" class="ti-bookmarks"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bookmarks" class="ti-bookmarks"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bookmarks" class="ti-bookmarks"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bookmarks" class="ti-bookmarks"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bookmarks" class="ti-bookmarks"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bookmarks" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bookmarks" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1017a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-border-all" class="ti-border-all"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-border-all" class="ti-border-all"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-border-all" class="ti-border-all"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-border-all" class="ti-border-all"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-border-all" class="ti-border-all"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-border-all" class="ti-border-all"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-border-all" class="ti-border-all"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-border-all" class="ti-border-all"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-border-all" class="ti-border-all"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-border-all" class="ti-border-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-border-all" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1017b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-border-bottom" class="ti-border-bottom"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-border-bottom" class="ti-border-bottom"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-border-bottom" class="ti-border-bottom"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-border-bottom" class="ti-border-bottom"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-border-bottom" class="ti-border-bottom"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-border-bottom" class="ti-border-bottom"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-border-bottom" class="ti-border-bottom"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-border-bottom" class="ti-border-bottom"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-border-bottom" class="ti-border-bottom"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-border-bottom" class="ti-border-bottom"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-border-bottom" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1017c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-border-horizontal" class="ti-border-horizontal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-border-horizontal" class="ti-border-horizontal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-border-horizontal" class="ti-border-horizontal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-border-horizontal" class="ti-border-horizontal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-border-horizontal" class="ti-border-horizontal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-border-horizontal" class="ti-border-horizontal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-border-horizontal" class="ti-border-horizontal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-border-horizontal" class="ti-border-horizontal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-border-horizontal" class="ti-border-horizontal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-border-horizontal" class="ti-border-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-border-horizontal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1017d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-border-inner" class="ti-border-inner"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-border-inner" class="ti-border-inner"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-border-inner" class="ti-border-inner"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-border-inner" class="ti-border-inner"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-border-inner" class="ti-border-inner"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-border-inner" class="ti-border-inner"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-border-inner" class="ti-border-inner"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-border-inner" class="ti-border-inner"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-border-inner" class="ti-border-inner"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-border-inner" class="ti-border-inner"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-border-inner" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1017e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-border-left" class="ti-border-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-border-left" class="ti-border-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-border-left" class="ti-border-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-border-left" class="ti-border-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-border-left" class="ti-border-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-border-left" class="ti-border-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-border-left" class="ti-border-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-border-left" class="ti-border-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-border-left" class="ti-border-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-border-left" class="ti-border-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-border-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1017f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-border-none" class="ti-border-none"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-border-none" class="ti-border-none"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-border-none" class="ti-border-none"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-border-none" class="ti-border-none"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-border-none" class="ti-border-none"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-border-none" class="ti-border-none"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-border-none" class="ti-border-none"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-border-none" class="ti-border-none"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-border-none" class="ti-border-none"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-border-none" class="ti-border-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-border-none" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10180;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-border-outer" class="ti-border-outer"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-border-outer" class="ti-border-outer"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-border-outer" class="ti-border-outer"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-border-outer" class="ti-border-outer"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-border-outer" class="ti-border-outer"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-border-outer" class="ti-border-outer"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-border-outer" class="ti-border-outer"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-border-outer" class="ti-border-outer"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-border-outer" class="ti-border-outer"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-border-outer" class="ti-border-outer"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-border-outer" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10181;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-border-radius" class="ti-border-radius"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-border-radius" class="ti-border-radius"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-border-radius" class="ti-border-radius"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-border-radius" class="ti-border-radius"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-border-radius" class="ti-border-radius"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-border-radius" class="ti-border-radius"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-border-radius" class="ti-border-radius"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-border-radius" class="ti-border-radius"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-border-radius" class="ti-border-radius"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-border-radius" class="ti-border-radius"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-border-radius" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10182;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-border-right" class="ti-border-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-border-right" class="ti-border-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-border-right" class="ti-border-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-border-right" class="ti-border-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-border-right" class="ti-border-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-border-right" class="ti-border-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-border-right" class="ti-border-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-border-right" class="ti-border-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-border-right" class="ti-border-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-border-right" class="ti-border-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-border-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10183;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-border-style" class="ti-border-style"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-border-style" class="ti-border-style"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-border-style" class="ti-border-style"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-border-style" class="ti-border-style"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-border-style" class="ti-border-style"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-border-style" class="ti-border-style"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-border-style" class="ti-border-style"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-border-style" class="ti-border-style"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-border-style" class="ti-border-style"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-border-style" class="ti-border-style"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-border-style" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10184;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-border-top" class="ti-border-top"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-border-top" class="ti-border-top"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-border-top" class="ti-border-top"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-border-top" class="ti-border-top"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-border-top" class="ti-border-top"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-border-top" class="ti-border-top"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-border-top" class="ti-border-top"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-border-top" class="ti-border-top"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-border-top" class="ti-border-top"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-border-top" class="ti-border-top"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-border-top" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10185;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-border-vertical" class="ti-border-vertical"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-border-vertical" class="ti-border-vertical"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-border-vertical" class="ti-border-vertical"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-border-vertical" class="ti-border-vertical"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-border-vertical" class="ti-border-vertical"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-border-vertical" class="ti-border-vertical"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-border-vertical" class="ti-border-vertical"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-border-vertical" class="ti-border-vertical"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-border-vertical" class="ti-border-vertical"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-border-vertical" class="ti-border-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-border-vertical" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10186;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-box" class="ti-box"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-box" class="ti-box"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-box" class="ti-box"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-box" class="ti-box"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-box" class="ti-box"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-box" class="ti-box"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-box" class="ti-box"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-box" class="ti-box"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-box" class="ti-box"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-box" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-box" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10187;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-box-margin" class="ti-box-margin"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-box-margin" class="ti-box-margin"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-box-margin" class="ti-box-margin"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-box-margin" class="ti-box-margin"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-box-margin" class="ti-box-margin"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-box-margin" class="ti-box-margin"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-box-margin" class="ti-box-margin"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-box-margin" class="ti-box-margin"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-box-margin" class="ti-box-margin"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-box-margin" class="ti-box-margin"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-box-margin" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10188;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-box-model" class="ti-box-model"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-box-model" class="ti-box-model"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-box-model" class="ti-box-model"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-box-model" class="ti-box-model"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-box-model" class="ti-box-model"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-box-model" class="ti-box-model"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-box-model" class="ti-box-model"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-box-model" class="ti-box-model"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-box-model" class="ti-box-model"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-box-model" class="ti-box-model"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-box-model" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10189;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-box-multiple" class="ti-box-multiple"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-box-multiple" class="ti-box-multiple"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-box-multiple" class="ti-box-multiple"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-box-multiple" class="ti-box-multiple"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-box-multiple" class="ti-box-multiple"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-box-multiple" class="ti-box-multiple"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-box-multiple" class="ti-box-multiple"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-box-multiple" class="ti-box-multiple"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-box-multiple" class="ti-box-multiple"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-box-multiple" class="ti-box-multiple"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-box-multiple" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1018a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-box-multiple-0" class="ti-box-multiple-0"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-box-multiple-0" class="ti-box-multiple-0"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-box-multiple-0" class="ti-box-multiple-0"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-box-multiple-0" class="ti-box-multiple-0"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-box-multiple-0" class="ti-box-multiple-0"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-box-multiple-0" class="ti-box-multiple-0"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-box-multiple-0" class="ti-box-multiple-0"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-box-multiple-0" class="ti-box-multiple-0"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-box-multiple-0" class="ti-box-multiple-0"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-box-multiple-0" class="ti-box-multiple-0"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-box-multiple-0" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1018b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-box-multiple-1" class="ti-box-multiple-1"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-box-multiple-1" class="ti-box-multiple-1"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-box-multiple-1" class="ti-box-multiple-1"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-box-multiple-1" class="ti-box-multiple-1"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-box-multiple-1" class="ti-box-multiple-1"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-box-multiple-1" class="ti-box-multiple-1"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-box-multiple-1" class="ti-box-multiple-1"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-box-multiple-1" class="ti-box-multiple-1"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-box-multiple-1" class="ti-box-multiple-1"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-box-multiple-1" class="ti-box-multiple-1"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-box-multiple-1" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1018c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-box-multiple-2" class="ti-box-multiple-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-box-multiple-2" class="ti-box-multiple-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-box-multiple-2" class="ti-box-multiple-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-box-multiple-2" class="ti-box-multiple-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-box-multiple-2" class="ti-box-multiple-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-box-multiple-2" class="ti-box-multiple-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-box-multiple-2" class="ti-box-multiple-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-box-multiple-2" class="ti-box-multiple-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-box-multiple-2" class="ti-box-multiple-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-box-multiple-2" class="ti-box-multiple-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-box-multiple-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1018d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-box-multiple-3" class="ti-box-multiple-3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-box-multiple-3" class="ti-box-multiple-3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-box-multiple-3" class="ti-box-multiple-3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-box-multiple-3" class="ti-box-multiple-3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-box-multiple-3" class="ti-box-multiple-3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-box-multiple-3" class="ti-box-multiple-3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-box-multiple-3" class="ti-box-multiple-3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-box-multiple-3" class="ti-box-multiple-3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-box-multiple-3" class="ti-box-multiple-3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-box-multiple-3" class="ti-box-multiple-3"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-box-multiple-3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1018e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-box-multiple-4" class="ti-box-multiple-4"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-box-multiple-4" class="ti-box-multiple-4"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-box-multiple-4" class="ti-box-multiple-4"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-box-multiple-4" class="ti-box-multiple-4"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-box-multiple-4" class="ti-box-multiple-4"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-box-multiple-4" class="ti-box-multiple-4"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-box-multiple-4" class="ti-box-multiple-4"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-box-multiple-4" class="ti-box-multiple-4"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-box-multiple-4" class="ti-box-multiple-4"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-box-multiple-4" class="ti-box-multiple-4"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-box-multiple-4" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1018f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-box-multiple-5" class="ti-box-multiple-5"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-box-multiple-5" class="ti-box-multiple-5"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-box-multiple-5" class="ti-box-multiple-5"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-box-multiple-5" class="ti-box-multiple-5"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-box-multiple-5" class="ti-box-multiple-5"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-box-multiple-5" class="ti-box-multiple-5"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-box-multiple-5" class="ti-box-multiple-5"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-box-multiple-5" class="ti-box-multiple-5"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-box-multiple-5" class="ti-box-multiple-5"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-box-multiple-5" class="ti-box-multiple-5"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-box-multiple-5" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10190;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-box-multiple-6" class="ti-box-multiple-6"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-box-multiple-6" class="ti-box-multiple-6"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-box-multiple-6" class="ti-box-multiple-6"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-box-multiple-6" class="ti-box-multiple-6"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-box-multiple-6" class="ti-box-multiple-6"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-box-multiple-6" class="ti-box-multiple-6"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-box-multiple-6" class="ti-box-multiple-6"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-box-multiple-6" class="ti-box-multiple-6"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-box-multiple-6" class="ti-box-multiple-6"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-box-multiple-6" class="ti-box-multiple-6"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-box-multiple-6" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10191;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-box-multiple-7" class="ti-box-multiple-7"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-box-multiple-7" class="ti-box-multiple-7"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-box-multiple-7" class="ti-box-multiple-7"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-box-multiple-7" class="ti-box-multiple-7"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-box-multiple-7" class="ti-box-multiple-7"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-box-multiple-7" class="ti-box-multiple-7"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-box-multiple-7" class="ti-box-multiple-7"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-box-multiple-7" class="ti-box-multiple-7"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-box-multiple-7" class="ti-box-multiple-7"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-box-multiple-7" class="ti-box-multiple-7"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-box-multiple-7" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10192;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-box-multiple-8" class="ti-box-multiple-8"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-box-multiple-8" class="ti-box-multiple-8"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-box-multiple-8" class="ti-box-multiple-8"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-box-multiple-8" class="ti-box-multiple-8"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-box-multiple-8" class="ti-box-multiple-8"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-box-multiple-8" class="ti-box-multiple-8"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-box-multiple-8" class="ti-box-multiple-8"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-box-multiple-8" class="ti-box-multiple-8"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-box-multiple-8" class="ti-box-multiple-8"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-box-multiple-8" class="ti-box-multiple-8"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-box-multiple-8" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10193;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-box-multiple-9" class="ti-box-multiple-9"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-box-multiple-9" class="ti-box-multiple-9"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-box-multiple-9" class="ti-box-multiple-9"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-box-multiple-9" class="ti-box-multiple-9"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-box-multiple-9" class="ti-box-multiple-9"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-box-multiple-9" class="ti-box-multiple-9"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-box-multiple-9" class="ti-box-multiple-9"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-box-multiple-9" class="ti-box-multiple-9"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-box-multiple-9" class="ti-box-multiple-9"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-box-multiple-9" class="ti-box-multiple-9"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-box-multiple-9" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10194;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-box-padding" class="ti-box-padding"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-box-padding" class="ti-box-padding"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-box-padding" class="ti-box-padding"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-box-padding" class="ti-box-padding"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-box-padding" class="ti-box-padding"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-box-padding" class="ti-box-padding"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-box-padding" class="ti-box-padding"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-box-padding" class="ti-box-padding"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-box-padding" class="ti-box-padding"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-box-padding" class="ti-box-padding"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-box-padding" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10195;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-braces" class="ti-braces"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-braces" class="ti-braces"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-braces" class="ti-braces"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-braces" class="ti-braces"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-braces" class="ti-braces"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-braces" class="ti-braces"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-braces" class="ti-braces"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-braces" class="ti-braces"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-braces" class="ti-braces"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-braces" class="ti-braces"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-braces" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10196;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brackets" class="ti-brackets"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brackets" class="ti-brackets"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brackets" class="ti-brackets"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brackets" class="ti-brackets"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brackets" class="ti-brackets"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brackets" class="ti-brackets"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brackets" class="ti-brackets"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brackets" class="ti-brackets"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brackets" class="ti-brackets"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brackets" class="ti-brackets"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brackets" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10197;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-airbnb" class="ti-brand-airbnb"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-airbnb" class="ti-brand-airbnb"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-airbnb" class="ti-brand-airbnb"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-airbnb" class="ti-brand-airbnb"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-airbnb" class="ti-brand-airbnb"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-airbnb" class="ti-brand-airbnb"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-airbnb" class="ti-brand-airbnb"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-airbnb" class="ti-brand-airbnb"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-airbnb" class="ti-brand-airbnb"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-airbnb" class="ti-brand-airbnb"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-airbnb" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10198;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-android" class="ti-brand-android"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-android" class="ti-brand-android"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-android" class="ti-brand-android"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-android" class="ti-brand-android"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-android" class="ti-brand-android"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-android" class="ti-brand-android"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-android" class="ti-brand-android"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-android" class="ti-brand-android"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-android" class="ti-brand-android"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-android" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-android" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10199;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-apple" class="ti-brand-apple"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-apple" class="ti-brand-apple"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-apple" class="ti-brand-apple"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-apple" class="ti-brand-apple"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-apple" class="ti-brand-apple"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-apple" class="ti-brand-apple"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-apple" class="ti-brand-apple"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-apple" class="ti-brand-apple"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-apple" class="ti-brand-apple"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-apple" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-apple" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1019a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-apple-arcade" class="ti-brand-apple-arcade"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-apple-arcade" class="ti-brand-apple-arcade"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-apple-arcade" class="ti-brand-apple-arcade"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-apple-arcade" class="ti-brand-apple-arcade"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-apple-arcade" class="ti-brand-apple-arcade"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-apple-arcade" class="ti-brand-apple-arcade"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-apple-arcade" class="ti-brand-apple-arcade"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-apple-arcade" class="ti-brand-apple-arcade"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-apple-arcade" class="ti-brand-apple-arcade"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-apple-arcade" class="ti-brand-apple-arcade"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-apple-arcade" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1019b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-appstore" class="ti-brand-appstore"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-appstore" class="ti-brand-appstore"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-appstore" class="ti-brand-appstore"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-appstore" class="ti-brand-appstore"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-appstore" class="ti-brand-appstore"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-appstore" class="ti-brand-appstore"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-appstore" class="ti-brand-appstore"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-appstore" class="ti-brand-appstore"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-appstore" class="ti-brand-appstore"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-appstore" class="ti-brand-appstore"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-appstore" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1019c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-asana" class="ti-brand-asana"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-asana" class="ti-brand-asana"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-asana" class="ti-brand-asana"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-asana" class="ti-brand-asana"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-asana" class="ti-brand-asana"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-asana" class="ti-brand-asana"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-asana" class="ti-brand-asana"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-asana" class="ti-brand-asana"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-asana" class="ti-brand-asana"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-asana" class="ti-brand-asana"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-asana" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1019d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-behance" class="ti-brand-behance"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-behance" class="ti-brand-behance"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-behance" class="ti-brand-behance"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-behance" class="ti-brand-behance"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-behance" class="ti-brand-behance"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-behance" class="ti-brand-behance"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-behance" class="ti-brand-behance"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-behance" class="ti-brand-behance"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-behance" class="ti-brand-behance"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-behance" class="ti-brand-behance"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-behance" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1019e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-bing" class="ti-brand-bing"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-bing" class="ti-brand-bing"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-bing" class="ti-brand-bing"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-bing" class="ti-brand-bing"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-bing" class="ti-brand-bing"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-bing" class="ti-brand-bing"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-bing" class="ti-brand-bing"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-bing" class="ti-brand-bing"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-bing" class="ti-brand-bing"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-bing" class="ti-brand-bing"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-bing" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1019f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-bitbucket" class="ti-brand-bitbucket"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-bitbucket" class="ti-brand-bitbucket"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-bitbucket" class="ti-brand-bitbucket"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-bitbucket" class="ti-brand-bitbucket"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-bitbucket" class="ti-brand-bitbucket"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-bitbucket" class="ti-brand-bitbucket"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-bitbucket" class="ti-brand-bitbucket"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-bitbucket" class="ti-brand-bitbucket"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-bitbucket" class="ti-brand-bitbucket"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-bitbucket" class="ti-brand-bitbucket"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-bitbucket" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101a0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-booking" class="ti-brand-booking"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-booking" class="ti-brand-booking"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-booking" class="ti-brand-booking"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-booking" class="ti-brand-booking"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-booking" class="ti-brand-booking"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-booking" class="ti-brand-booking"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-booking" class="ti-brand-booking"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-booking" class="ti-brand-booking"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-booking" class="ti-brand-booking"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-booking" class="ti-brand-booking"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-booking" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101a1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-chrome" class="ti-brand-chrome"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-chrome" class="ti-brand-chrome"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-chrome" class="ti-brand-chrome"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-chrome" class="ti-brand-chrome"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-chrome" class="ti-brand-chrome"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-chrome" class="ti-brand-chrome"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-chrome" class="ti-brand-chrome"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-chrome" class="ti-brand-chrome"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-chrome" class="ti-brand-chrome"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-chrome" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-chrome" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101a2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-codepen" class="ti-brand-codepen"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-codepen" class="ti-brand-codepen"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-codepen" class="ti-brand-codepen"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-codepen" class="ti-brand-codepen"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-codepen" class="ti-brand-codepen"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-codepen" class="ti-brand-codepen"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-codepen" class="ti-brand-codepen"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-codepen" class="ti-brand-codepen"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-codepen" class="ti-brand-codepen"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-codepen" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-codepen" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101a3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-codesandbox" class="ti-brand-codesandbox"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-codesandbox" class="ti-brand-codesandbox"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-codesandbox" class="ti-brand-codesandbox"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-codesandbox" class="ti-brand-codesandbox"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-codesandbox" class="ti-brand-codesandbox"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-codesandbox" class="ti-brand-codesandbox"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-codesandbox" class="ti-brand-codesandbox"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-codesandbox" class="ti-brand-codesandbox"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-codesandbox" class="ti-brand-codesandbox"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-codesandbox" class="ti-brand-codesandbox"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-codesandbox" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101a4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-css3" class="ti-brand-css3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-css3" class="ti-brand-css3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-css3" class="ti-brand-css3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-css3" class="ti-brand-css3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-css3" class="ti-brand-css3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-css3" class="ti-brand-css3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-css3" class="ti-brand-css3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-css3" class="ti-brand-css3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-css3" class="ti-brand-css3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-css3" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-css3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101a5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-deviantart" class="ti-brand-deviantart"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-deviantart" class="ti-brand-deviantart"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-deviantart" class="ti-brand-deviantart"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-deviantart" class="ti-brand-deviantart"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-deviantart" class="ti-brand-deviantart"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-deviantart" class="ti-brand-deviantart"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-deviantart" class="ti-brand-deviantart"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-deviantart" class="ti-brand-deviantart"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-deviantart" class="ti-brand-deviantart"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-deviantart" class="ti-brand-deviantart"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-deviantart" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101a6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-discord" class="ti-brand-discord"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-discord" class="ti-brand-discord"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-discord" class="ti-brand-discord"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-discord" class="ti-brand-discord"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-discord" class="ti-brand-discord"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-discord" class="ti-brand-discord"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-discord" class="ti-brand-discord"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-discord" class="ti-brand-discord"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-discord" class="ti-brand-discord"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-discord" class="ti-brand-discord"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-discord" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101a7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-disqus" class="ti-brand-disqus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-disqus" class="ti-brand-disqus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-disqus" class="ti-brand-disqus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-disqus" class="ti-brand-disqus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-disqus" class="ti-brand-disqus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-disqus" class="ti-brand-disqus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-disqus" class="ti-brand-disqus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-disqus" class="ti-brand-disqus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-disqus" class="ti-brand-disqus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-disqus" class="ti-brand-disqus"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-disqus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101a8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-docker" class="ti-brand-docker"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-docker" class="ti-brand-docker"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-docker" class="ti-brand-docker"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-docker" class="ti-brand-docker"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-docker" class="ti-brand-docker"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-docker" class="ti-brand-docker"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-docker" class="ti-brand-docker"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-docker" class="ti-brand-docker"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-docker" class="ti-brand-docker"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-docker" class="ti-brand-docker"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-docker" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101a9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-dribbble" class="ti-brand-dribbble"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-dribbble" class="ti-brand-dribbble"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-dribbble" class="ti-brand-dribbble"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-dribbble" class="ti-brand-dribbble"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-dribbble" class="ti-brand-dribbble"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-dribbble" class="ti-brand-dribbble"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-dribbble" class="ti-brand-dribbble"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-dribbble" class="ti-brand-dribbble"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-dribbble" class="ti-brand-dribbble"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-dribbble" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-dribbble" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101aa;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-edge" class="ti-brand-edge"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-edge" class="ti-brand-edge"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-edge" class="ti-brand-edge"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-edge" class="ti-brand-edge"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-edge" class="ti-brand-edge"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-edge" class="ti-brand-edge"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-edge" class="ti-brand-edge"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-edge" class="ti-brand-edge"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-edge" class="ti-brand-edge"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-edge" class="ti-brand-edge"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-edge" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101ab;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-facebook" class="ti-brand-facebook"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-facebook" class="ti-brand-facebook"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-facebook" class="ti-brand-facebook"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-facebook" class="ti-brand-facebook"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-facebook" class="ti-brand-facebook"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-facebook" class="ti-brand-facebook"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-facebook" class="ti-brand-facebook"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-facebook" class="ti-brand-facebook"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-facebook" class="ti-brand-facebook"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-facebook" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-facebook" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101ac;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-figma" class="ti-brand-figma"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-figma" class="ti-brand-figma"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-figma" class="ti-brand-figma"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-figma" class="ti-brand-figma"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-figma" class="ti-brand-figma"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-figma" class="ti-brand-figma"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-figma" class="ti-brand-figma"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-figma" class="ti-brand-figma"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-figma" class="ti-brand-figma"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-figma" class="ti-brand-figma"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-figma" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101ad;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-firefox" class="ti-brand-firefox"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-firefox" class="ti-brand-firefox"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-firefox" class="ti-brand-firefox"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-firefox" class="ti-brand-firefox"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-firefox" class="ti-brand-firefox"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-firefox" class="ti-brand-firefox"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-firefox" class="ti-brand-firefox"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-firefox" class="ti-brand-firefox"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-firefox" class="ti-brand-firefox"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-firefox" class="ti-brand-firefox"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-firefox" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101ae;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-flickr" class="ti-brand-flickr"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-flickr" class="ti-brand-flickr"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-flickr" class="ti-brand-flickr"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-flickr" class="ti-brand-flickr"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-flickr" class="ti-brand-flickr"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-flickr" class="ti-brand-flickr"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-flickr" class="ti-brand-flickr"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-flickr" class="ti-brand-flickr"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-flickr" class="ti-brand-flickr"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-flickr" class="ti-brand-flickr"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-flickr" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101af;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-foursquare" class="ti-brand-foursquare"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-foursquare" class="ti-brand-foursquare"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-foursquare" class="ti-brand-foursquare"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-foursquare" class="ti-brand-foursquare"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-foursquare" class="ti-brand-foursquare"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-foursquare" class="ti-brand-foursquare"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-foursquare" class="ti-brand-foursquare"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-foursquare" class="ti-brand-foursquare"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-foursquare" class="ti-brand-foursquare"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-foursquare" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-foursquare" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101b0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-framer" class="ti-brand-framer"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-framer" class="ti-brand-framer"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-framer" class="ti-brand-framer"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-framer" class="ti-brand-framer"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-framer" class="ti-brand-framer"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-framer" class="ti-brand-framer"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-framer" class="ti-brand-framer"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-framer" class="ti-brand-framer"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-framer" class="ti-brand-framer"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-framer" class="ti-brand-framer"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-framer" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101b1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-github" class="ti-brand-github"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-github" class="ti-brand-github"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-github" class="ti-brand-github"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-github" class="ti-brand-github"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-github" class="ti-brand-github"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-github" class="ti-brand-github"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-github" class="ti-brand-github"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-github" class="ti-brand-github"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-github" class="ti-brand-github"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-github" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-github" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101b2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-gitlab" class="ti-brand-gitlab"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-gitlab" class="ti-brand-gitlab"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-gitlab" class="ti-brand-gitlab"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-gitlab" class="ti-brand-gitlab"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-gitlab" class="ti-brand-gitlab"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-gitlab" class="ti-brand-gitlab"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-gitlab" class="ti-brand-gitlab"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-gitlab" class="ti-brand-gitlab"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-gitlab" class="ti-brand-gitlab"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-gitlab" class="ti-brand-gitlab"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-gitlab" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101b3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-google" class="ti-brand-google"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-google" class="ti-brand-google"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-google" class="ti-brand-google"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-google" class="ti-brand-google"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-google" class="ti-brand-google"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-google" class="ti-brand-google"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-google" class="ti-brand-google"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-google" class="ti-brand-google"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-google" class="ti-brand-google"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-google" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-google" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101b4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-google-analytics" class="ti-brand-google-analytics"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-google-analytics" class="ti-brand-google-analytics"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-google-analytics" class="ti-brand-google-analytics"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-google-analytics" class="ti-brand-google-analytics"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-google-analytics" class="ti-brand-google-analytics"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-google-analytics" class="ti-brand-google-analytics"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-google-analytics" class="ti-brand-google-analytics"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-google-analytics" class="ti-brand-google-analytics"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-google-analytics" class="ti-brand-google-analytics"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-google-analytics" class="ti-brand-google-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-google-analytics" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101b5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-google-drive" class="ti-brand-google-drive"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-google-drive" class="ti-brand-google-drive"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-google-drive" class="ti-brand-google-drive"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-google-drive" class="ti-brand-google-drive"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-google-drive" class="ti-brand-google-drive"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-google-drive" class="ti-brand-google-drive"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-google-drive" class="ti-brand-google-drive"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-google-drive" class="ti-brand-google-drive"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-google-drive" class="ti-brand-google-drive"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-google-drive" class="ti-brand-google-drive"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-google-drive" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101b6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-google-play" class="ti-brand-google-play"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-google-play" class="ti-brand-google-play"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-google-play" class="ti-brand-google-play"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-google-play" class="ti-brand-google-play"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-google-play" class="ti-brand-google-play"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-google-play" class="ti-brand-google-play"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-google-play" class="ti-brand-google-play"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-google-play" class="ti-brand-google-play"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-google-play" class="ti-brand-google-play"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-google-play" class="ti-brand-google-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-google-play" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101b7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-gravatar" class="ti-brand-gravatar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-gravatar" class="ti-brand-gravatar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-gravatar" class="ti-brand-gravatar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-gravatar" class="ti-brand-gravatar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-gravatar" class="ti-brand-gravatar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-gravatar" class="ti-brand-gravatar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-gravatar" class="ti-brand-gravatar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-gravatar" class="ti-brand-gravatar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-gravatar" class="ti-brand-gravatar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-gravatar" class="ti-brand-gravatar"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-gravatar" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101b8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-hipchat" class="ti-brand-hipchat"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-hipchat" class="ti-brand-hipchat"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-hipchat" class="ti-brand-hipchat"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-hipchat" class="ti-brand-hipchat"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-hipchat" class="ti-brand-hipchat"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-hipchat" class="ti-brand-hipchat"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-hipchat" class="ti-brand-hipchat"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-hipchat" class="ti-brand-hipchat"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-hipchat" class="ti-brand-hipchat"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-hipchat" class="ti-brand-hipchat"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-hipchat" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101b9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-html5" class="ti-brand-html5"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-html5" class="ti-brand-html5"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-html5" class="ti-brand-html5"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-html5" class="ti-brand-html5"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-html5" class="ti-brand-html5"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-html5" class="ti-brand-html5"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-html5" class="ti-brand-html5"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-html5" class="ti-brand-html5"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-html5" class="ti-brand-html5"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-html5" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-html5" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101ba;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-instagram" class="ti-brand-instagram"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-instagram" class="ti-brand-instagram"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-instagram" class="ti-brand-instagram"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-instagram" class="ti-brand-instagram"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-instagram" class="ti-brand-instagram"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-instagram" class="ti-brand-instagram"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-instagram" class="ti-brand-instagram"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-instagram" class="ti-brand-instagram"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-instagram" class="ti-brand-instagram"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-instagram" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-instagram" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101bb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-kickstarter" class="ti-brand-kickstarter"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-kickstarter" class="ti-brand-kickstarter"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-kickstarter" class="ti-brand-kickstarter"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-kickstarter" class="ti-brand-kickstarter"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-kickstarter" class="ti-brand-kickstarter"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-kickstarter" class="ti-brand-kickstarter"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-kickstarter" class="ti-brand-kickstarter"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-kickstarter" class="ti-brand-kickstarter"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-kickstarter" class="ti-brand-kickstarter"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-kickstarter" class="ti-brand-kickstarter"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-kickstarter" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101bc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-kotlin" class="ti-brand-kotlin"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-kotlin" class="ti-brand-kotlin"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-kotlin" class="ti-brand-kotlin"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-kotlin" class="ti-brand-kotlin"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-kotlin" class="ti-brand-kotlin"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-kotlin" class="ti-brand-kotlin"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-kotlin" class="ti-brand-kotlin"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-kotlin" class="ti-brand-kotlin"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-kotlin" class="ti-brand-kotlin"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-kotlin" class="ti-brand-kotlin"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-kotlin" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101bd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-linkedin" class="ti-brand-linkedin"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-linkedin" class="ti-brand-linkedin"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-linkedin" class="ti-brand-linkedin"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-linkedin" class="ti-brand-linkedin"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-linkedin" class="ti-brand-linkedin"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-linkedin" class="ti-brand-linkedin"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-linkedin" class="ti-brand-linkedin"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-linkedin" class="ti-brand-linkedin"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-linkedin" class="ti-brand-linkedin"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-linkedin" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-linkedin" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101be;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-medium" class="ti-brand-medium"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-medium" class="ti-brand-medium"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-medium" class="ti-brand-medium"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-medium" class="ti-brand-medium"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-medium" class="ti-brand-medium"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-medium" class="ti-brand-medium"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-medium" class="ti-brand-medium"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-medium" class="ti-brand-medium"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-medium" class="ti-brand-medium"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-medium" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-medium" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101bf;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-messenger" class="ti-brand-messenger"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-messenger" class="ti-brand-messenger"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-messenger" class="ti-brand-messenger"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-messenger" class="ti-brand-messenger"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-messenger" class="ti-brand-messenger"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-messenger" class="ti-brand-messenger"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-messenger" class="ti-brand-messenger"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-messenger" class="ti-brand-messenger"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-messenger" class="ti-brand-messenger"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-messenger" class="ti-brand-messenger"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-messenger" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101c0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-netflix" class="ti-brand-netflix"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-netflix" class="ti-brand-netflix"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-netflix" class="ti-brand-netflix"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-netflix" class="ti-brand-netflix"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-netflix" class="ti-brand-netflix"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-netflix" class="ti-brand-netflix"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-netflix" class="ti-brand-netflix"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-netflix" class="ti-brand-netflix"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-netflix" class="ti-brand-netflix"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-netflix" class="ti-brand-netflix"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-netflix" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101c1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-open-source" class="ti-brand-open-source"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-open-source" class="ti-brand-open-source"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-open-source" class="ti-brand-open-source"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-open-source" class="ti-brand-open-source"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-open-source" class="ti-brand-open-source"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-open-source" class="ti-brand-open-source"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-open-source" class="ti-brand-open-source"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-open-source" class="ti-brand-open-source"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-open-source" class="ti-brand-open-source"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-open-source" class="ti-brand-open-source"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-open-source" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101c2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-opera" class="ti-brand-opera"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-opera" class="ti-brand-opera"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-opera" class="ti-brand-opera"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-opera" class="ti-brand-opera"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-opera" class="ti-brand-opera"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-opera" class="ti-brand-opera"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-opera" class="ti-brand-opera"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-opera" class="ti-brand-opera"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-opera" class="ti-brand-opera"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-opera" class="ti-brand-opera"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-opera" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101c3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-pagekit" class="ti-brand-pagekit"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-pagekit" class="ti-brand-pagekit"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-pagekit" class="ti-brand-pagekit"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-pagekit" class="ti-brand-pagekit"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-pagekit" class="ti-brand-pagekit"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-pagekit" class="ti-brand-pagekit"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-pagekit" class="ti-brand-pagekit"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-pagekit" class="ti-brand-pagekit"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-pagekit" class="ti-brand-pagekit"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-pagekit" class="ti-brand-pagekit"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-pagekit" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101c4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-patreon" class="ti-brand-patreon"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-patreon" class="ti-brand-patreon"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-patreon" class="ti-brand-patreon"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-patreon" class="ti-brand-patreon"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-patreon" class="ti-brand-patreon"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-patreon" class="ti-brand-patreon"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-patreon" class="ti-brand-patreon"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-patreon" class="ti-brand-patreon"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-patreon" class="ti-brand-patreon"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-patreon" class="ti-brand-patreon"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-patreon" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101c5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-paypal" class="ti-brand-paypal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-paypal" class="ti-brand-paypal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-paypal" class="ti-brand-paypal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-paypal" class="ti-brand-paypal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-paypal" class="ti-brand-paypal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-paypal" class="ti-brand-paypal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-paypal" class="ti-brand-paypal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-paypal" class="ti-brand-paypal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-paypal" class="ti-brand-paypal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-paypal" class="ti-brand-paypal"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-paypal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101c6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-pinterest" class="ti-brand-pinterest"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-pinterest" class="ti-brand-pinterest"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-pinterest" class="ti-brand-pinterest"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-pinterest" class="ti-brand-pinterest"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-pinterest" class="ti-brand-pinterest"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-pinterest" class="ti-brand-pinterest"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-pinterest" class="ti-brand-pinterest"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-pinterest" class="ti-brand-pinterest"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-pinterest" class="ti-brand-pinterest"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-pinterest" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-pinterest" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101c7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-pocket" class="ti-brand-pocket"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-pocket" class="ti-brand-pocket"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-pocket" class="ti-brand-pocket"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-pocket" class="ti-brand-pocket"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-pocket" class="ti-brand-pocket"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-pocket" class="ti-brand-pocket"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-pocket" class="ti-brand-pocket"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-pocket" class="ti-brand-pocket"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-pocket" class="ti-brand-pocket"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-pocket" class="ti-brand-pocket"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-pocket" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101c8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-producthunt" class="ti-brand-producthunt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-producthunt" class="ti-brand-producthunt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-producthunt" class="ti-brand-producthunt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-producthunt" class="ti-brand-producthunt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-producthunt" class="ti-brand-producthunt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-producthunt" class="ti-brand-producthunt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-producthunt" class="ti-brand-producthunt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-producthunt" class="ti-brand-producthunt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-producthunt" class="ti-brand-producthunt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-producthunt" class="ti-brand-producthunt"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-producthunt" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101c9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-python" class="ti-brand-python"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-python" class="ti-brand-python"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-python" class="ti-brand-python"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-python" class="ti-brand-python"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-python" class="ti-brand-python"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-python" class="ti-brand-python"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-python" class="ti-brand-python"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-python" class="ti-brand-python"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-python" class="ti-brand-python"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-python" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-python" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101ca;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-reddit" class="ti-brand-reddit"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-reddit" class="ti-brand-reddit"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-reddit" class="ti-brand-reddit"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-reddit" class="ti-brand-reddit"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-reddit" class="ti-brand-reddit"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-reddit" class="ti-brand-reddit"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-reddit" class="ti-brand-reddit"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-reddit" class="ti-brand-reddit"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-reddit" class="ti-brand-reddit"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-reddit" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-reddit" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101cb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-safari" class="ti-brand-safari"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-safari" class="ti-brand-safari"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-safari" class="ti-brand-safari"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-safari" class="ti-brand-safari"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-safari" class="ti-brand-safari"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-safari" class="ti-brand-safari"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-safari" class="ti-brand-safari"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-safari" class="ti-brand-safari"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-safari" class="ti-brand-safari"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-safari" class="ti-brand-safari"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-safari" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101cc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-sass" class="ti-brand-sass"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-sass" class="ti-brand-sass"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-sass" class="ti-brand-sass"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-sass" class="ti-brand-sass"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-sass" class="ti-brand-sass"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-sass" class="ti-brand-sass"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-sass" class="ti-brand-sass"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-sass" class="ti-brand-sass"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-sass" class="ti-brand-sass"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-sass" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-sass" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101cd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-sentry" class="ti-brand-sentry"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-sentry" class="ti-brand-sentry"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-sentry" class="ti-brand-sentry"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-sentry" class="ti-brand-sentry"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-sentry" class="ti-brand-sentry"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-sentry" class="ti-brand-sentry"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-sentry" class="ti-brand-sentry"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-sentry" class="ti-brand-sentry"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-sentry" class="ti-brand-sentry"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-sentry" class="ti-brand-sentry"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-sentry" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101ce;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-shazam" class="ti-brand-shazam"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-shazam" class="ti-brand-shazam"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-shazam" class="ti-brand-shazam"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-shazam" class="ti-brand-shazam"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-shazam" class="ti-brand-shazam"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-shazam" class="ti-brand-shazam"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-shazam" class="ti-brand-shazam"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-shazam" class="ti-brand-shazam"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-shazam" class="ti-brand-shazam"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-shazam" class="ti-brand-shazam"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-shazam" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101cf;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-sketch" class="ti-brand-sketch"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-sketch" class="ti-brand-sketch"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-sketch" class="ti-brand-sketch"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-sketch" class="ti-brand-sketch"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-sketch" class="ti-brand-sketch"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-sketch" class="ti-brand-sketch"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-sketch" class="ti-brand-sketch"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-sketch" class="ti-brand-sketch"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-sketch" class="ti-brand-sketch"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-sketch" class="ti-brand-sketch"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-sketch" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101d0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-skype" class="ti-brand-skype"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-skype" class="ti-brand-skype"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-skype" class="ti-brand-skype"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-skype" class="ti-brand-skype"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-skype" class="ti-brand-skype"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-skype" class="ti-brand-skype"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-skype" class="ti-brand-skype"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-skype" class="ti-brand-skype"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-skype" class="ti-brand-skype"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-skype" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-skype" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101d1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-slack" class="ti-brand-slack"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-slack" class="ti-brand-slack"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-slack" class="ti-brand-slack"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-slack" class="ti-brand-slack"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-slack" class="ti-brand-slack"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-slack" class="ti-brand-slack"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-slack" class="ti-brand-slack"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-slack" class="ti-brand-slack"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-slack" class="ti-brand-slack"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-slack" class="ti-brand-slack"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-slack" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101d2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-snapchat" class="ti-brand-snapchat"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-snapchat" class="ti-brand-snapchat"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-snapchat" class="ti-brand-snapchat"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-snapchat" class="ti-brand-snapchat"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-snapchat" class="ti-brand-snapchat"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-snapchat" class="ti-brand-snapchat"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-snapchat" class="ti-brand-snapchat"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-snapchat" class="ti-brand-snapchat"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-snapchat" class="ti-brand-snapchat"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-snapchat" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-snapchat" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101d3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-soundcloud" class="ti-brand-soundcloud"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-soundcloud" class="ti-brand-soundcloud"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-soundcloud" class="ti-brand-soundcloud"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-soundcloud" class="ti-brand-soundcloud"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-soundcloud" class="ti-brand-soundcloud"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-soundcloud" class="ti-brand-soundcloud"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-soundcloud" class="ti-brand-soundcloud"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-soundcloud" class="ti-brand-soundcloud"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-soundcloud" class="ti-brand-soundcloud"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-soundcloud" class="ti-brand-soundcloud"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-soundcloud" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101d4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-spotify" class="ti-brand-spotify"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-spotify" class="ti-brand-spotify"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-spotify" class="ti-brand-spotify"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-spotify" class="ti-brand-spotify"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-spotify" class="ti-brand-spotify"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-spotify" class="ti-brand-spotify"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-spotify" class="ti-brand-spotify"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-spotify" class="ti-brand-spotify"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-spotify" class="ti-brand-spotify"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-spotify" class="ti-brand-spotify"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-spotify" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101d5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-steam" class="ti-brand-steam"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-steam" class="ti-brand-steam"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-steam" class="ti-brand-steam"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-steam" class="ti-brand-steam"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-steam" class="ti-brand-steam"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-steam" class="ti-brand-steam"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-steam" class="ti-brand-steam"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-steam" class="ti-brand-steam"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-steam" class="ti-brand-steam"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-steam" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-steam" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101d6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-stripe" class="ti-brand-stripe"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-stripe" class="ti-brand-stripe"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-stripe" class="ti-brand-stripe"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-stripe" class="ti-brand-stripe"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-stripe" class="ti-brand-stripe"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-stripe" class="ti-brand-stripe"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-stripe" class="ti-brand-stripe"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-stripe" class="ti-brand-stripe"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-stripe" class="ti-brand-stripe"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-stripe" class="ti-brand-stripe"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-stripe" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101d7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-tabler" class="ti-brand-tabler"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-tabler" class="ti-brand-tabler"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-tabler" class="ti-brand-tabler"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-tabler" class="ti-brand-tabler"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-tabler" class="ti-brand-tabler"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-tabler" class="ti-brand-tabler"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-tabler" class="ti-brand-tabler"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-tabler" class="ti-brand-tabler"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-tabler" class="ti-brand-tabler"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-tabler" class="ti-brand-tabler"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-tabler" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101d8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-tailwind" class="ti-brand-tailwind"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-tailwind" class="ti-brand-tailwind"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-tailwind" class="ti-brand-tailwind"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-tailwind" class="ti-brand-tailwind"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-tailwind" class="ti-brand-tailwind"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-tailwind" class="ti-brand-tailwind"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-tailwind" class="ti-brand-tailwind"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-tailwind" class="ti-brand-tailwind"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-tailwind" class="ti-brand-tailwind"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-tailwind" class="ti-brand-tailwind"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-tailwind" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101d9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-telegram" class="ti-brand-telegram"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-telegram" class="ti-brand-telegram"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-telegram" class="ti-brand-telegram"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-telegram" class="ti-brand-telegram"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-telegram" class="ti-brand-telegram"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-telegram" class="ti-brand-telegram"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-telegram" class="ti-brand-telegram"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-telegram" class="ti-brand-telegram"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-telegram" class="ti-brand-telegram"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-telegram" class="ti-brand-telegram"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-telegram" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101da;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-tidal" class="ti-brand-tidal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-tidal" class="ti-brand-tidal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-tidal" class="ti-brand-tidal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-tidal" class="ti-brand-tidal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-tidal" class="ti-brand-tidal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-tidal" class="ti-brand-tidal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-tidal" class="ti-brand-tidal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-tidal" class="ti-brand-tidal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-tidal" class="ti-brand-tidal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-tidal" class="ti-brand-tidal"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-tidal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101db;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-tiktok" class="ti-brand-tiktok"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-tiktok" class="ti-brand-tiktok"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-tiktok" class="ti-brand-tiktok"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-tiktok" class="ti-brand-tiktok"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-tiktok" class="ti-brand-tiktok"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-tiktok" class="ti-brand-tiktok"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-tiktok" class="ti-brand-tiktok"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-tiktok" class="ti-brand-tiktok"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-tiktok" class="ti-brand-tiktok"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-tiktok" class="ti-brand-tiktok"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-tiktok" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101dc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-tinder" class="ti-brand-tinder"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-tinder" class="ti-brand-tinder"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-tinder" class="ti-brand-tinder"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-tinder" class="ti-brand-tinder"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-tinder" class="ti-brand-tinder"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-tinder" class="ti-brand-tinder"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-tinder" class="ti-brand-tinder"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-tinder" class="ti-brand-tinder"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-tinder" class="ti-brand-tinder"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-tinder" class="ti-brand-tinder"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-tinder" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101dd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-tumblr" class="ti-brand-tumblr"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-tumblr" class="ti-brand-tumblr"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-tumblr" class="ti-brand-tumblr"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-tumblr" class="ti-brand-tumblr"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-tumblr" class="ti-brand-tumblr"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-tumblr" class="ti-brand-tumblr"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-tumblr" class="ti-brand-tumblr"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-tumblr" class="ti-brand-tumblr"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-tumblr" class="ti-brand-tumblr"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-tumblr" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-tumblr" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101de;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-twitch" class="ti-brand-twitch"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-twitch" class="ti-brand-twitch"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-twitch" class="ti-brand-twitch"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-twitch" class="ti-brand-twitch"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-twitch" class="ti-brand-twitch"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-twitch" class="ti-brand-twitch"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-twitch" class="ti-brand-twitch"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-twitch" class="ti-brand-twitch"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-twitch" class="ti-brand-twitch"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-twitch" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-twitch" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101df;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-twitter" class="ti-brand-twitter"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-twitter" class="ti-brand-twitter"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-twitter" class="ti-brand-twitter"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-twitter" class="ti-brand-twitter"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-twitter" class="ti-brand-twitter"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-twitter" class="ti-brand-twitter"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-twitter" class="ti-brand-twitter"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-twitter" class="ti-brand-twitter"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-twitter" class="ti-brand-twitter"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-twitter" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-twitter" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101e0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-unsplash" class="ti-brand-unsplash"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-unsplash" class="ti-brand-unsplash"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-unsplash" class="ti-brand-unsplash"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-unsplash" class="ti-brand-unsplash"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-unsplash" class="ti-brand-unsplash"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-unsplash" class="ti-brand-unsplash"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-unsplash" class="ti-brand-unsplash"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-unsplash" class="ti-brand-unsplash"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-unsplash" class="ti-brand-unsplash"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-unsplash" class="ti-brand-unsplash"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-unsplash" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101e1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-vimeo" class="ti-brand-vimeo"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-vimeo" class="ti-brand-vimeo"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-vimeo" class="ti-brand-vimeo"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-vimeo" class="ti-brand-vimeo"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-vimeo" class="ti-brand-vimeo"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-vimeo" class="ti-brand-vimeo"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-vimeo" class="ti-brand-vimeo"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-vimeo" class="ti-brand-vimeo"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-vimeo" class="ti-brand-vimeo"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-vimeo" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-vimeo" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101e2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-vk" class="ti-brand-vk"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-vk" class="ti-brand-vk"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-vk" class="ti-brand-vk"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-vk" class="ti-brand-vk"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-vk" class="ti-brand-vk"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-vk" class="ti-brand-vk"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-vk" class="ti-brand-vk"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-vk" class="ti-brand-vk"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-vk" class="ti-brand-vk"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-vk" class="ti-brand-vk"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-vk" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101e3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-whatsapp" class="ti-brand-whatsapp"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-whatsapp" class="ti-brand-whatsapp"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-whatsapp" class="ti-brand-whatsapp"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-whatsapp" class="ti-brand-whatsapp"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-whatsapp" class="ti-brand-whatsapp"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-whatsapp" class="ti-brand-whatsapp"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-whatsapp" class="ti-brand-whatsapp"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-whatsapp" class="ti-brand-whatsapp"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-whatsapp" class="ti-brand-whatsapp"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-whatsapp" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-whatsapp" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101e4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-windows" class="ti-brand-windows"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-windows" class="ti-brand-windows"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-windows" class="ti-brand-windows"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-windows" class="ti-brand-windows"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-windows" class="ti-brand-windows"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-windows" class="ti-brand-windows"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-windows" class="ti-brand-windows"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-windows" class="ti-brand-windows"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-windows" class="ti-brand-windows"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-windows" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-windows" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101e5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-yahoo" class="ti-brand-yahoo"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-yahoo" class="ti-brand-yahoo"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-yahoo" class="ti-brand-yahoo"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-yahoo" class="ti-brand-yahoo"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-yahoo" class="ti-brand-yahoo"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-yahoo" class="ti-brand-yahoo"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-yahoo" class="ti-brand-yahoo"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-yahoo" class="ti-brand-yahoo"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-yahoo" class="ti-brand-yahoo"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-yahoo" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-yahoo" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101e6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-ycombinator" class="ti-brand-ycombinator"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-ycombinator" class="ti-brand-ycombinator"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-ycombinator" class="ti-brand-ycombinator"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-ycombinator" class="ti-brand-ycombinator"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-ycombinator" class="ti-brand-ycombinator"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-ycombinator" class="ti-brand-ycombinator"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-ycombinator" class="ti-brand-ycombinator"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-ycombinator" class="ti-brand-ycombinator"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-ycombinator" class="ti-brand-ycombinator"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-ycombinator" class="ti-brand-ycombinator"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-ycombinator" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101e7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brand-youtube" class="ti-brand-youtube"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brand-youtube" class="ti-brand-youtube"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brand-youtube" class="ti-brand-youtube"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brand-youtube" class="ti-brand-youtube"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brand-youtube" class="ti-brand-youtube"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brand-youtube" class="ti-brand-youtube"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brand-youtube" class="ti-brand-youtube"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brand-youtube" class="ti-brand-youtube"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brand-youtube" class="ti-brand-youtube"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brand-youtube" class="ti-brand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brand-youtube" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101e8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-briefcase" class="ti-briefcase"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-briefcase" class="ti-briefcase"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-briefcase" class="ti-briefcase"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-briefcase" class="ti-briefcase"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-briefcase" class="ti-briefcase"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-briefcase" class="ti-briefcase"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-briefcase" class="ti-briefcase"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-briefcase" class="ti-briefcase"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-briefcase" class="ti-briefcase"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-briefcase" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-briefcase" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101e9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brightness" class="ti-brightness"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brightness" class="ti-brightness"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brightness" class="ti-brightness"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brightness" class="ti-brightness"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brightness" class="ti-brightness"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brightness" class="ti-brightness"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brightness" class="ti-brightness"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brightness" class="ti-brightness"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brightness" class="ti-brightness"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brightness" class="ti-brightness"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brightness" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101ea;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brightness-2" class="ti-brightness-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brightness-2" class="ti-brightness-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brightness-2" class="ti-brightness-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brightness-2" class="ti-brightness-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brightness-2" class="ti-brightness-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brightness-2" class="ti-brightness-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brightness-2" class="ti-brightness-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brightness-2" class="ti-brightness-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brightness-2" class="ti-brightness-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brightness-2" class="ti-brightness-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brightness-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101eb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brightness-down" class="ti-brightness-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brightness-down" class="ti-brightness-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brightness-down" class="ti-brightness-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brightness-down" class="ti-brightness-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brightness-down" class="ti-brightness-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brightness-down" class="ti-brightness-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brightness-down" class="ti-brightness-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brightness-down" class="ti-brightness-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brightness-down" class="ti-brightness-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brightness-down" class="ti-brightness-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brightness-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101ec;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brightness-half" class="ti-brightness-half"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brightness-half" class="ti-brightness-half"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brightness-half" class="ti-brightness-half"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brightness-half" class="ti-brightness-half"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brightness-half" class="ti-brightness-half"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brightness-half" class="ti-brightness-half"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brightness-half" class="ti-brightness-half"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brightness-half" class="ti-brightness-half"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brightness-half" class="ti-brightness-half"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brightness-half" class="ti-brightness-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brightness-half" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101ed;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brightness-up" class="ti-brightness-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brightness-up" class="ti-brightness-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brightness-up" class="ti-brightness-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brightness-up" class="ti-brightness-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brightness-up" class="ti-brightness-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brightness-up" class="ti-brightness-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brightness-up" class="ti-brightness-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brightness-up" class="ti-brightness-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brightness-up" class="ti-brightness-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brightness-up" class="ti-brightness-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brightness-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101ee;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-browser" class="ti-browser"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-browser" class="ti-browser"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-browser" class="ti-browser"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-browser" class="ti-browser"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-browser" class="ti-browser"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-browser" class="ti-browser"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-browser" class="ti-browser"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-browser" class="ti-browser"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-browser" class="ti-browser"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-browser" class="ti-browser"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-browser" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101ef;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-brush" class="ti-brush"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-brush" class="ti-brush"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-brush" class="ti-brush"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-brush" class="ti-brush"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-brush" class="ti-brush"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-brush" class="ti-brush"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-brush" class="ti-brush"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-brush" class="ti-brush"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-brush" class="ti-brush"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-brush" class="ti-brush"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-brush" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101f0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bucket" class="ti-bucket"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bucket" class="ti-bucket"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bucket" class="ti-bucket"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bucket" class="ti-bucket"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bucket" class="ti-bucket"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bucket" class="ti-bucket"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bucket" class="ti-bucket"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bucket" class="ti-bucket"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bucket" class="ti-bucket"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bucket" class="ti-bucket"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bucket" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101f1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bug" class="ti-bug"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bug" class="ti-bug"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bug" class="ti-bug"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bug" class="ti-bug"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bug" class="ti-bug"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bug" class="ti-bug"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bug" class="ti-bug"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bug" class="ti-bug"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bug" class="ti-bug"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bug" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bug" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101f2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building" class="ti-building"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building" class="ti-building"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building" class="ti-building"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building" class="ti-building"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building" class="ti-building"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building" class="ti-building"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building" class="ti-building"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building" class="ti-building"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building" class="ti-building"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building" class="ti-building"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101f3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-arch" class="ti-building-arch"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-arch" class="ti-building-arch"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-arch" class="ti-building-arch"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-arch" class="ti-building-arch"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-arch" class="ti-building-arch"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-arch" class="ti-building-arch"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-arch" class="ti-building-arch"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-arch" class="ti-building-arch"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-arch" class="ti-building-arch"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-arch" class="ti-building-arch"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-arch" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101f4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-bank" class="ti-building-bank"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-bank" class="ti-building-bank"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-bank" class="ti-building-bank"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-bank" class="ti-building-bank"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-bank" class="ti-building-bank"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-bank" class="ti-building-bank"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-bank" class="ti-building-bank"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-bank" class="ti-building-bank"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-bank" class="ti-building-bank"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-bank" class="ti-building-bank"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-bank" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101f5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-bridge" class="ti-building-bridge"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-bridge" class="ti-building-bridge"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-bridge" class="ti-building-bridge"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-bridge" class="ti-building-bridge"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-bridge" class="ti-building-bridge"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-bridge" class="ti-building-bridge"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-bridge" class="ti-building-bridge"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-bridge" class="ti-building-bridge"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-bridge" class="ti-building-bridge"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-bridge" class="ti-building-bridge"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-bridge" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101f6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-bridge-2" class="ti-building-bridge-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-bridge-2" class="ti-building-bridge-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-bridge-2" class="ti-building-bridge-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-bridge-2" class="ti-building-bridge-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-bridge-2" class="ti-building-bridge-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-bridge-2" class="ti-building-bridge-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-bridge-2" class="ti-building-bridge-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-bridge-2" class="ti-building-bridge-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-bridge-2" class="ti-building-bridge-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-bridge-2" class="ti-building-bridge-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-bridge-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101f7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-carousel" class="ti-building-carousel"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-carousel" class="ti-building-carousel"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-carousel" class="ti-building-carousel"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-carousel" class="ti-building-carousel"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-carousel" class="ti-building-carousel"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-carousel" class="ti-building-carousel"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-carousel" class="ti-building-carousel"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-carousel" class="ti-building-carousel"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-carousel" class="ti-building-carousel"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-carousel" class="ti-building-carousel"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-carousel" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101f8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-castle" class="ti-building-castle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-castle" class="ti-building-castle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-castle" class="ti-building-castle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-castle" class="ti-building-castle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-castle" class="ti-building-castle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-castle" class="ti-building-castle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-castle" class="ti-building-castle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-castle" class="ti-building-castle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-castle" class="ti-building-castle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-castle" class="ti-building-castle"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-castle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101f9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-church" class="ti-building-church"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-church" class="ti-building-church"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-church" class="ti-building-church"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-church" class="ti-building-church"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-church" class="ti-building-church"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-church" class="ti-building-church"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-church" class="ti-building-church"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-church" class="ti-building-church"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-church" class="ti-building-church"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-church" class="ti-building-church"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-church" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101fa;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-community" class="ti-building-community"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-community" class="ti-building-community"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-community" class="ti-building-community"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-community" class="ti-building-community"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-community" class="ti-building-community"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-community" class="ti-building-community"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-community" class="ti-building-community"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-community" class="ti-building-community"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-community" class="ti-building-community"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-community" class="ti-building-community"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-community" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101fb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-cottage" class="ti-building-cottage"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-cottage" class="ti-building-cottage"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-cottage" class="ti-building-cottage"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-cottage" class="ti-building-cottage"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-cottage" class="ti-building-cottage"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-cottage" class="ti-building-cottage"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-cottage" class="ti-building-cottage"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-cottage" class="ti-building-cottage"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-cottage" class="ti-building-cottage"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-cottage" class="ti-building-cottage"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-cottage" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101fc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-factory" class="ti-building-factory"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-factory" class="ti-building-factory"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-factory" class="ti-building-factory"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-factory" class="ti-building-factory"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-factory" class="ti-building-factory"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-factory" class="ti-building-factory"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-factory" class="ti-building-factory"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-factory" class="ti-building-factory"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-factory" class="ti-building-factory"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-factory" class="ti-building-factory"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-factory" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101fd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-fortress" class="ti-building-fortress"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-fortress" class="ti-building-fortress"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-fortress" class="ti-building-fortress"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-fortress" class="ti-building-fortress"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-fortress" class="ti-building-fortress"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-fortress" class="ti-building-fortress"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-fortress" class="ti-building-fortress"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-fortress" class="ti-building-fortress"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-fortress" class="ti-building-fortress"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-fortress" class="ti-building-fortress"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-fortress" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101fe;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-hospital" class="ti-building-hospital"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-hospital" class="ti-building-hospital"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-hospital" class="ti-building-hospital"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-hospital" class="ti-building-hospital"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-hospital" class="ti-building-hospital"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-hospital" class="ti-building-hospital"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-hospital" class="ti-building-hospital"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-hospital" class="ti-building-hospital"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-hospital" class="ti-building-hospital"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-hospital" class="ti-building-hospital"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-hospital" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x101ff;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-lighthouse" class="ti-building-lighthouse"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-lighthouse" class="ti-building-lighthouse"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-lighthouse" class="ti-building-lighthouse"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-lighthouse" class="ti-building-lighthouse"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-lighthouse" class="ti-building-lighthouse"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-lighthouse" class="ti-building-lighthouse"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-lighthouse" class="ti-building-lighthouse"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-lighthouse" class="ti-building-lighthouse"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-lighthouse" class="ti-building-lighthouse"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-lighthouse" class="ti-building-lighthouse"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-lighthouse" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10200;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-monument" class="ti-building-monument"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-monument" class="ti-building-monument"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-monument" class="ti-building-monument"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-monument" class="ti-building-monument"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-monument" class="ti-building-monument"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-monument" class="ti-building-monument"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-monument" class="ti-building-monument"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-monument" class="ti-building-monument"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-monument" class="ti-building-monument"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-monument" class="ti-building-monument"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-monument" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10201;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-pavilon" class="ti-building-pavilon"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-pavilon" class="ti-building-pavilon"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-pavilon" class="ti-building-pavilon"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-pavilon" class="ti-building-pavilon"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-pavilon" class="ti-building-pavilon"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-pavilon" class="ti-building-pavilon"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-pavilon" class="ti-building-pavilon"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-pavilon" class="ti-building-pavilon"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-pavilon" class="ti-building-pavilon"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-pavilon" class="ti-building-pavilon"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-pavilon" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10202;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-skyscraper" class="ti-building-skyscraper"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-skyscraper" class="ti-building-skyscraper"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-skyscraper" class="ti-building-skyscraper"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-skyscraper" class="ti-building-skyscraper"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-skyscraper" class="ti-building-skyscraper"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-skyscraper" class="ti-building-skyscraper"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-skyscraper" class="ti-building-skyscraper"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-skyscraper" class="ti-building-skyscraper"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-skyscraper" class="ti-building-skyscraper"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-skyscraper" class="ti-building-skyscraper"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-skyscraper" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10203;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-store" class="ti-building-store"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-store" class="ti-building-store"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-store" class="ti-building-store"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-store" class="ti-building-store"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-store" class="ti-building-store"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-store" class="ti-building-store"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-store" class="ti-building-store"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-store" class="ti-building-store"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-store" class="ti-building-store"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-store" class="ti-building-store"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-store" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10204;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-building-warehouse" class="ti-building-warehouse"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-building-warehouse" class="ti-building-warehouse"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-building-warehouse" class="ti-building-warehouse"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-building-warehouse" class="ti-building-warehouse"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-building-warehouse" class="ti-building-warehouse"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-building-warehouse" class="ti-building-warehouse"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-building-warehouse" class="ti-building-warehouse"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-building-warehouse" class="ti-building-warehouse"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-building-warehouse" class="ti-building-warehouse"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-building-warehouse" class="ti-building-warehouse"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-building-warehouse" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10205;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bulb" class="ti-bulb"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bulb" class="ti-bulb"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bulb" class="ti-bulb"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bulb" class="ti-bulb"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bulb" class="ti-bulb"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bulb" class="ti-bulb"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bulb" class="ti-bulb"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bulb" class="ti-bulb"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bulb" class="ti-bulb"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bulb" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bulb" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10206;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bulb-off" class="ti-bulb-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bulb-off" class="ti-bulb-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bulb-off" class="ti-bulb-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bulb-off" class="ti-bulb-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bulb-off" class="ti-bulb-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bulb-off" class="ti-bulb-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bulb-off" class="ti-bulb-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bulb-off" class="ti-bulb-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bulb-off" class="ti-bulb-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bulb-off" class="ti-bulb-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bulb-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10207;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bulldozer" class="ti-bulldozer"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bulldozer" class="ti-bulldozer"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bulldozer" class="ti-bulldozer"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bulldozer" class="ti-bulldozer"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bulldozer" class="ti-bulldozer"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bulldozer" class="ti-bulldozer"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bulldozer" class="ti-bulldozer"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bulldozer" class="ti-bulldozer"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bulldozer" class="ti-bulldozer"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bulldozer" class="ti-bulldozer"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bulldozer" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10208;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-bus" class="ti-bus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-bus" class="ti-bus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-bus" class="ti-bus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-bus" class="ti-bus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-bus" class="ti-bus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-bus" class="ti-bus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-bus" class="ti-bus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-bus" class="ti-bus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-bus" class="ti-bus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-bus" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-bus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10209;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-businessplan" class="ti-businessplan"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-businessplan" class="ti-businessplan"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-businessplan" class="ti-businessplan"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-businessplan" class="ti-businessplan"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-businessplan" class="ti-businessplan"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-businessplan" class="ti-businessplan"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-businessplan" class="ti-businessplan"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-businessplan" class="ti-businessplan"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-businessplan" class="ti-businessplan"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-businessplan" class="ti-businessplan"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-businessplan" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1020a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-calculator" class="ti-calculator"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-calculator" class="ti-calculator"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-calculator" class="ti-calculator"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-calculator" class="ti-calculator"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-calculator" class="ti-calculator"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-calculator" class="ti-calculator"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-calculator" class="ti-calculator"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-calculator" class="ti-calculator"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-calculator" class="ti-calculator"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-calculator" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-calculator" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1020b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-calendar" class="ti-calendar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-calendar" class="ti-calendar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-calendar" class="ti-calendar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-calendar" class="ti-calendar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-calendar" class="ti-calendar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-calendar" class="ti-calendar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-calendar" class="ti-calendar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-calendar" class="ti-calendar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-calendar" class="ti-calendar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-calendar" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-calendar" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1020c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-calendar-event" class="ti-calendar-event"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-calendar-event" class="ti-calendar-event"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-calendar-event" class="ti-calendar-event"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-calendar-event" class="ti-calendar-event"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-calendar-event" class="ti-calendar-event"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-calendar-event" class="ti-calendar-event"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-calendar-event" class="ti-calendar-event"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-calendar-event" class="ti-calendar-event"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-calendar-event" class="ti-calendar-event"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-calendar-event" class="ti-calendar-event"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-calendar-event" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1020d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-calendar-minus" class="ti-calendar-minus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-calendar-minus" class="ti-calendar-minus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-calendar-minus" class="ti-calendar-minus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-calendar-minus" class="ti-calendar-minus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-calendar-minus" class="ti-calendar-minus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-calendar-minus" class="ti-calendar-minus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-calendar-minus" class="ti-calendar-minus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-calendar-minus" class="ti-calendar-minus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-calendar-minus" class="ti-calendar-minus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-calendar-minus" class="ti-calendar-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-calendar-minus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1020e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-calendar-off" class="ti-calendar-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-calendar-off" class="ti-calendar-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-calendar-off" class="ti-calendar-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-calendar-off" class="ti-calendar-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-calendar-off" class="ti-calendar-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-calendar-off" class="ti-calendar-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-calendar-off" class="ti-calendar-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-calendar-off" class="ti-calendar-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-calendar-off" class="ti-calendar-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-calendar-off" class="ti-calendar-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-calendar-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1020f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-calendar-plus" class="ti-calendar-plus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-calendar-plus" class="ti-calendar-plus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-calendar-plus" class="ti-calendar-plus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-calendar-plus" class="ti-calendar-plus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-calendar-plus" class="ti-calendar-plus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-calendar-plus" class="ti-calendar-plus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-calendar-plus" class="ti-calendar-plus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-calendar-plus" class="ti-calendar-plus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-calendar-plus" class="ti-calendar-plus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-calendar-plus" class="ti-calendar-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-calendar-plus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10210;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-calendar-stats" class="ti-calendar-stats"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-calendar-stats" class="ti-calendar-stats"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-calendar-stats" class="ti-calendar-stats"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-calendar-stats" class="ti-calendar-stats"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-calendar-stats" class="ti-calendar-stats"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-calendar-stats" class="ti-calendar-stats"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-calendar-stats" class="ti-calendar-stats"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-calendar-stats" class="ti-calendar-stats"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-calendar-stats" class="ti-calendar-stats"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-calendar-stats" class="ti-calendar-stats"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-calendar-stats" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10211;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-calendar-time" class="ti-calendar-time"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-calendar-time" class="ti-calendar-time"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-calendar-time" class="ti-calendar-time"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-calendar-time" class="ti-calendar-time"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-calendar-time" class="ti-calendar-time"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-calendar-time" class="ti-calendar-time"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-calendar-time" class="ti-calendar-time"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-calendar-time" class="ti-calendar-time"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-calendar-time" class="ti-calendar-time"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-calendar-time" class="ti-calendar-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-calendar-time" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10212;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-camera" class="ti-camera"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-camera" class="ti-camera"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-camera" class="ti-camera"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-camera" class="ti-camera"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-camera" class="ti-camera"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-camera" class="ti-camera"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-camera" class="ti-camera"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-camera" class="ti-camera"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-camera" class="ti-camera"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-camera" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-camera" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10213;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-camera-minus" class="ti-camera-minus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-camera-minus" class="ti-camera-minus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-camera-minus" class="ti-camera-minus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-camera-minus" class="ti-camera-minus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-camera-minus" class="ti-camera-minus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-camera-minus" class="ti-camera-minus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-camera-minus" class="ti-camera-minus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-camera-minus" class="ti-camera-minus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-camera-minus" class="ti-camera-minus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-camera-minus" class="ti-camera-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-camera-minus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10214;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-camera-off" class="ti-camera-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-camera-off" class="ti-camera-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-camera-off" class="ti-camera-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-camera-off" class="ti-camera-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-camera-off" class="ti-camera-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-camera-off" class="ti-camera-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-camera-off" class="ti-camera-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-camera-off" class="ti-camera-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-camera-off" class="ti-camera-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-camera-off" class="ti-camera-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-camera-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10215;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-camera-plus" class="ti-camera-plus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-camera-plus" class="ti-camera-plus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-camera-plus" class="ti-camera-plus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-camera-plus" class="ti-camera-plus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-camera-plus" class="ti-camera-plus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-camera-plus" class="ti-camera-plus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-camera-plus" class="ti-camera-plus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-camera-plus" class="ti-camera-plus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-camera-plus" class="ti-camera-plus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-camera-plus" class="ti-camera-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-camera-plus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10216;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-camera-rotate" class="ti-camera-rotate"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-camera-rotate" class="ti-camera-rotate"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-camera-rotate" class="ti-camera-rotate"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-camera-rotate" class="ti-camera-rotate"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-camera-rotate" class="ti-camera-rotate"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-camera-rotate" class="ti-camera-rotate"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-camera-rotate" class="ti-camera-rotate"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-camera-rotate" class="ti-camera-rotate"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-camera-rotate" class="ti-camera-rotate"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-camera-rotate" class="ti-camera-rotate"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-camera-rotate" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10217;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-camera-selfie" class="ti-camera-selfie"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-camera-selfie" class="ti-camera-selfie"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-camera-selfie" class="ti-camera-selfie"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-camera-selfie" class="ti-camera-selfie"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-camera-selfie" class="ti-camera-selfie"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-camera-selfie" class="ti-camera-selfie"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-camera-selfie" class="ti-camera-selfie"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-camera-selfie" class="ti-camera-selfie"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-camera-selfie" class="ti-camera-selfie"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-camera-selfie" class="ti-camera-selfie"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-camera-selfie" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10218;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-capture" class="ti-capture"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-capture" class="ti-capture"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-capture" class="ti-capture"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-capture" class="ti-capture"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-capture" class="ti-capture"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-capture" class="ti-capture"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-capture" class="ti-capture"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-capture" class="ti-capture"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-capture" class="ti-capture"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-capture" class="ti-capture"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-capture" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10219;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-car" class="ti-car"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-car" class="ti-car"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-car" class="ti-car"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-car" class="ti-car"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-car" class="ti-car"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-car" class="ti-car"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-car" class="ti-car"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-car" class="ti-car"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-car" class="ti-car"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-car" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-car" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1021a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-caravan" class="ti-caravan"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-caravan" class="ti-caravan"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-caravan" class="ti-caravan"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-caravan" class="ti-caravan"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-caravan" class="ti-caravan"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-caravan" class="ti-caravan"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-caravan" class="ti-caravan"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-caravan" class="ti-caravan"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-caravan" class="ti-caravan"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-caravan" class="ti-caravan"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-caravan" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1021b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-cardboards" class="ti-cardboards"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-cardboards" class="ti-cardboards"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-cardboards" class="ti-cardboards"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-cardboards" class="ti-cardboards"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-cardboards" class="ti-cardboards"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-cardboards" class="ti-cardboards"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-cardboards" class="ti-cardboards"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-cardboards" class="ti-cardboards"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-cardboards" class="ti-cardboards"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-cardboards" class="ti-cardboards"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-cardboards" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1021c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-caret-down" class="ti-caret-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-caret-down" class="ti-caret-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-caret-down" class="ti-caret-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-caret-down" class="ti-caret-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-caret-down" class="ti-caret-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-caret-down" class="ti-caret-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-caret-down" class="ti-caret-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-caret-down" class="ti-caret-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-caret-down" class="ti-caret-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-caret-down" class="ti-caret-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-caret-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1021d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-caret-left" class="ti-caret-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-caret-left" class="ti-caret-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-caret-left" class="ti-caret-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-caret-left" class="ti-caret-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-caret-left" class="ti-caret-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-caret-left" class="ti-caret-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-caret-left" class="ti-caret-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-caret-left" class="ti-caret-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-caret-left" class="ti-caret-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-caret-left" class="ti-caret-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-caret-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1021e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-caret-right" class="ti-caret-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-caret-right" class="ti-caret-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-caret-right" class="ti-caret-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-caret-right" class="ti-caret-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-caret-right" class="ti-caret-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-caret-right" class="ti-caret-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-caret-right" class="ti-caret-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-caret-right" class="ti-caret-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-caret-right" class="ti-caret-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-caret-right" class="ti-caret-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-caret-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1021f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-caret-up" class="ti-caret-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-caret-up" class="ti-caret-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-caret-up" class="ti-caret-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-caret-up" class="ti-caret-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-caret-up" class="ti-caret-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-caret-up" class="ti-caret-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-caret-up" class="ti-caret-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-caret-up" class="ti-caret-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-caret-up" class="ti-caret-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-caret-up" class="ti-caret-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-caret-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10220;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-cash" class="ti-cash"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-cash" class="ti-cash"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-cash" class="ti-cash"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-cash" class="ti-cash"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-cash" class="ti-cash"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-cash" class="ti-cash"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-cash" class="ti-cash"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-cash" class="ti-cash"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-cash" class="ti-cash"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-cash" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-cash" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10221;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-cash-banknote" class="ti-cash-banknote"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-cash-banknote" class="ti-cash-banknote"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-cash-banknote" class="ti-cash-banknote"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-cash-banknote" class="ti-cash-banknote"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-cash-banknote" class="ti-cash-banknote"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-cash-banknote" class="ti-cash-banknote"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-cash-banknote" class="ti-cash-banknote"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-cash-banknote" class="ti-cash-banknote"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-cash-banknote" class="ti-cash-banknote"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-cash-banknote" class="ti-cash-banknote"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-cash-banknote" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10222;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-cash-banknote-off" class="ti-cash-banknote-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-cash-banknote-off" class="ti-cash-banknote-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-cash-banknote-off" class="ti-cash-banknote-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-cash-banknote-off" class="ti-cash-banknote-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-cash-banknote-off" class="ti-cash-banknote-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-cash-banknote-off" class="ti-cash-banknote-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-cash-banknote-off" class="ti-cash-banknote-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-cash-banknote-off" class="ti-cash-banknote-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-cash-banknote-off" class="ti-cash-banknote-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-cash-banknote-off" class="ti-cash-banknote-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-cash-banknote-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10223;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-cast" class="ti-cast"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-cast" class="ti-cast"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-cast" class="ti-cast"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-cast" class="ti-cast"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-cast" class="ti-cast"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-cast" class="ti-cast"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-cast" class="ti-cast"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-cast" class="ti-cast"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-cast" class="ti-cast"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-cast" class="ti-cast"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-cast" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10224;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ce" class="ti-ce"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ce" class="ti-ce"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ce" class="ti-ce"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ce" class="ti-ce"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ce" class="ti-ce"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ce" class="ti-ce"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ce" class="ti-ce"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ce" class="ti-ce"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ce" class="ti-ce"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ce" class="ti-ce"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ce" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10225;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-certificate" class="ti-certificate"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-certificate" class="ti-certificate"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-certificate" class="ti-certificate"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-certificate" class="ti-certificate"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-certificate" class="ti-certificate"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-certificate" class="ti-certificate"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-certificate" class="ti-certificate"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-certificate" class="ti-certificate"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-certificate" class="ti-certificate"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-certificate" class="ti-certificate"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-certificate" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10226;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-charging-pile" class="ti-charging-pile"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-charging-pile" class="ti-charging-pile"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-charging-pile" class="ti-charging-pile"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-charging-pile" class="ti-charging-pile"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-charging-pile" class="ti-charging-pile"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-charging-pile" class="ti-charging-pile"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-charging-pile" class="ti-charging-pile"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-charging-pile" class="ti-charging-pile"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-charging-pile" class="ti-charging-pile"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-charging-pile" class="ti-charging-pile"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-charging-pile" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10227;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-arcs" class="ti-chart-arcs"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-arcs" class="ti-chart-arcs"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-arcs" class="ti-chart-arcs"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-arcs" class="ti-chart-arcs"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-arcs" class="ti-chart-arcs"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-arcs" class="ti-chart-arcs"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-arcs" class="ti-chart-arcs"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-arcs" class="ti-chart-arcs"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-arcs" class="ti-chart-arcs"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-arcs" class="ti-chart-arcs"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-arcs" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10228;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-arcs-3" class="ti-chart-arcs-3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-arcs-3" class="ti-chart-arcs-3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-arcs-3" class="ti-chart-arcs-3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-arcs-3" class="ti-chart-arcs-3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-arcs-3" class="ti-chart-arcs-3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-arcs-3" class="ti-chart-arcs-3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-arcs-3" class="ti-chart-arcs-3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-arcs-3" class="ti-chart-arcs-3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-arcs-3" class="ti-chart-arcs-3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-arcs-3" class="ti-chart-arcs-3"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-arcs-3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10229;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-area" class="ti-chart-area"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-area" class="ti-chart-area"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-area" class="ti-chart-area"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-area" class="ti-chart-area"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-area" class="ti-chart-area"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-area" class="ti-chart-area"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-area" class="ti-chart-area"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-area" class="ti-chart-area"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-area" class="ti-chart-area"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-area" class="ti-chart-area"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-area" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1022a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-area-line" class="ti-chart-area-line"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-area-line" class="ti-chart-area-line"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-area-line" class="ti-chart-area-line"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-area-line" class="ti-chart-area-line"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-area-line" class="ti-chart-area-line"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-area-line" class="ti-chart-area-line"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-area-line" class="ti-chart-area-line"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-area-line" class="ti-chart-area-line"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-area-line" class="ti-chart-area-line"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-area-line" class="ti-chart-area-line"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-area-line" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1022b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-arrows" class="ti-chart-arrows"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-arrows" class="ti-chart-arrows"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-arrows" class="ti-chart-arrows"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-arrows" class="ti-chart-arrows"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-arrows" class="ti-chart-arrows"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-arrows" class="ti-chart-arrows"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-arrows" class="ti-chart-arrows"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-arrows" class="ti-chart-arrows"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-arrows" class="ti-chart-arrows"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-arrows" class="ti-chart-arrows"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-arrows" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1022c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-arrows-vertical" class="ti-chart-arrows-vertical"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-arrows-vertical" class="ti-chart-arrows-vertical"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-arrows-vertical" class="ti-chart-arrows-vertical"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-arrows-vertical" class="ti-chart-arrows-vertical"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-arrows-vertical" class="ti-chart-arrows-vertical"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-arrows-vertical" class="ti-chart-arrows-vertical"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-arrows-vertical" class="ti-chart-arrows-vertical"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-arrows-vertical" class="ti-chart-arrows-vertical"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-arrows-vertical" class="ti-chart-arrows-vertical"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-arrows-vertical" class="ti-chart-arrows-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-arrows-vertical" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1022d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-bar" class="ti-chart-bar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-bar" class="ti-chart-bar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-bar" class="ti-chart-bar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-bar" class="ti-chart-bar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-bar" class="ti-chart-bar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-bar" class="ti-chart-bar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-bar" class="ti-chart-bar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-bar" class="ti-chart-bar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-bar" class="ti-chart-bar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-bar" class="ti-chart-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-bar" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1022e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-bubble" class="ti-chart-bubble"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-bubble" class="ti-chart-bubble"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-bubble" class="ti-chart-bubble"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-bubble" class="ti-chart-bubble"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-bubble" class="ti-chart-bubble"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-bubble" class="ti-chart-bubble"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-bubble" class="ti-chart-bubble"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-bubble" class="ti-chart-bubble"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-bubble" class="ti-chart-bubble"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-bubble" class="ti-chart-bubble"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-bubble" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1022f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-candle" class="ti-chart-candle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-candle" class="ti-chart-candle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-candle" class="ti-chart-candle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-candle" class="ti-chart-candle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-candle" class="ti-chart-candle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-candle" class="ti-chart-candle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-candle" class="ti-chart-candle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-candle" class="ti-chart-candle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-candle" class="ti-chart-candle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-candle" class="ti-chart-candle"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-candle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10230;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-circles" class="ti-chart-circles"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-circles" class="ti-chart-circles"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-circles" class="ti-chart-circles"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-circles" class="ti-chart-circles"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-circles" class="ti-chart-circles"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-circles" class="ti-chart-circles"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-circles" class="ti-chart-circles"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-circles" class="ti-chart-circles"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-circles" class="ti-chart-circles"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-circles" class="ti-chart-circles"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-circles" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10231;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-donut" class="ti-chart-donut"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-donut" class="ti-chart-donut"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-donut" class="ti-chart-donut"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-donut" class="ti-chart-donut"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-donut" class="ti-chart-donut"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-donut" class="ti-chart-donut"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-donut" class="ti-chart-donut"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-donut" class="ti-chart-donut"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-donut" class="ti-chart-donut"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-donut" class="ti-chart-donut"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-donut" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10232;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-donut-2" class="ti-chart-donut-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-donut-2" class="ti-chart-donut-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-donut-2" class="ti-chart-donut-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-donut-2" class="ti-chart-donut-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-donut-2" class="ti-chart-donut-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-donut-2" class="ti-chart-donut-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-donut-2" class="ti-chart-donut-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-donut-2" class="ti-chart-donut-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-donut-2" class="ti-chart-donut-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-donut-2" class="ti-chart-donut-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-donut-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10233;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-donut-3" class="ti-chart-donut-3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-donut-3" class="ti-chart-donut-3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-donut-3" class="ti-chart-donut-3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-donut-3" class="ti-chart-donut-3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-donut-3" class="ti-chart-donut-3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-donut-3" class="ti-chart-donut-3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-donut-3" class="ti-chart-donut-3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-donut-3" class="ti-chart-donut-3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-donut-3" class="ti-chart-donut-3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-donut-3" class="ti-chart-donut-3"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-donut-3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10234;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-donut-4" class="ti-chart-donut-4"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-donut-4" class="ti-chart-donut-4"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-donut-4" class="ti-chart-donut-4"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-donut-4" class="ti-chart-donut-4"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-donut-4" class="ti-chart-donut-4"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-donut-4" class="ti-chart-donut-4"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-donut-4" class="ti-chart-donut-4"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-donut-4" class="ti-chart-donut-4"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-donut-4" class="ti-chart-donut-4"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-donut-4" class="ti-chart-donut-4"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-donut-4" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10235;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-dots" class="ti-chart-dots"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-dots" class="ti-chart-dots"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-dots" class="ti-chart-dots"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-dots" class="ti-chart-dots"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-dots" class="ti-chart-dots"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-dots" class="ti-chart-dots"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-dots" class="ti-chart-dots"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-dots" class="ti-chart-dots"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-dots" class="ti-chart-dots"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-dots" class="ti-chart-dots"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-dots" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10236;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-infographic" class="ti-chart-infographic"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-infographic" class="ti-chart-infographic"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-infographic" class="ti-chart-infographic"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-infographic" class="ti-chart-infographic"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-infographic" class="ti-chart-infographic"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-infographic" class="ti-chart-infographic"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-infographic" class="ti-chart-infographic"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-infographic" class="ti-chart-infographic"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-infographic" class="ti-chart-infographic"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-infographic" class="ti-chart-infographic"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-infographic" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10237;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-line" class="ti-chart-line"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-line" class="ti-chart-line"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-line" class="ti-chart-line"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-line" class="ti-chart-line"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-line" class="ti-chart-line"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-line" class="ti-chart-line"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-line" class="ti-chart-line"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-line" class="ti-chart-line"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-line" class="ti-chart-line"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-line" class="ti-chart-line"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-line" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10238;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-pie" class="ti-chart-pie"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-pie" class="ti-chart-pie"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-pie" class="ti-chart-pie"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-pie" class="ti-chart-pie"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-pie" class="ti-chart-pie"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-pie" class="ti-chart-pie"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-pie" class="ti-chart-pie"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-pie" class="ti-chart-pie"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-pie" class="ti-chart-pie"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-pie" class="ti-chart-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-pie" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10239;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-pie-2" class="ti-chart-pie-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-pie-2" class="ti-chart-pie-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-pie-2" class="ti-chart-pie-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-pie-2" class="ti-chart-pie-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-pie-2" class="ti-chart-pie-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-pie-2" class="ti-chart-pie-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-pie-2" class="ti-chart-pie-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-pie-2" class="ti-chart-pie-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-pie-2" class="ti-chart-pie-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-pie-2" class="ti-chart-pie-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-pie-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1023a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-pie-3" class="ti-chart-pie-3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-pie-3" class="ti-chart-pie-3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-pie-3" class="ti-chart-pie-3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-pie-3" class="ti-chart-pie-3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-pie-3" class="ti-chart-pie-3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-pie-3" class="ti-chart-pie-3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-pie-3" class="ti-chart-pie-3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-pie-3" class="ti-chart-pie-3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-pie-3" class="ti-chart-pie-3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-pie-3" class="ti-chart-pie-3"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-pie-3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1023b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-pie-4" class="ti-chart-pie-4"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-pie-4" class="ti-chart-pie-4"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-pie-4" class="ti-chart-pie-4"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-pie-4" class="ti-chart-pie-4"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-pie-4" class="ti-chart-pie-4"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-pie-4" class="ti-chart-pie-4"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-pie-4" class="ti-chart-pie-4"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-pie-4" class="ti-chart-pie-4"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-pie-4" class="ti-chart-pie-4"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-pie-4" class="ti-chart-pie-4"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-pie-4" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1023c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chart-radar" class="ti-chart-radar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chart-radar" class="ti-chart-radar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chart-radar" class="ti-chart-radar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chart-radar" class="ti-chart-radar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chart-radar" class="ti-chart-radar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chart-radar" class="ti-chart-radar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chart-radar" class="ti-chart-radar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chart-radar" class="ti-chart-radar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chart-radar" class="ti-chart-radar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chart-radar" class="ti-chart-radar"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chart-radar" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1023d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-check" class="ti-check"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-check" class="ti-check"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-check" class="ti-check"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-check" class="ti-check"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-check" class="ti-check"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-check" class="ti-check"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-check" class="ti-check"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-check" class="ti-check"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-check" class="ti-check"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-check" class="ti-check"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-check" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1023e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-checkbox" class="ti-checkbox"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-checkbox" class="ti-checkbox"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-checkbox" class="ti-checkbox"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-checkbox" class="ti-checkbox"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-checkbox" class="ti-checkbox"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-checkbox" class="ti-checkbox"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-checkbox" class="ti-checkbox"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-checkbox" class="ti-checkbox"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-checkbox" class="ti-checkbox"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-checkbox" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-checkbox" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1023f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-checks" class="ti-checks"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-checks" class="ti-checks"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-checks" class="ti-checks"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-checks" class="ti-checks"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-checks" class="ti-checks"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-checks" class="ti-checks"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-checks" class="ti-checks"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-checks" class="ti-checks"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-checks" class="ti-checks"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-checks" class="ti-checks"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-checks" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10240;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chevron-down" class="ti-chevron-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chevron-down" class="ti-chevron-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chevron-down" class="ti-chevron-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chevron-down" class="ti-chevron-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chevron-down" class="ti-chevron-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chevron-down" class="ti-chevron-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chevron-down" class="ti-chevron-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chevron-down" class="ti-chevron-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chevron-down" class="ti-chevron-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chevron-down" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chevron-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10241;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chevron-down-left" class="ti-chevron-down-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chevron-down-left" class="ti-chevron-down-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chevron-down-left" class="ti-chevron-down-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chevron-down-left" class="ti-chevron-down-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chevron-down-left" class="ti-chevron-down-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chevron-down-left" class="ti-chevron-down-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chevron-down-left" class="ti-chevron-down-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chevron-down-left" class="ti-chevron-down-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chevron-down-left" class="ti-chevron-down-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chevron-down-left" class="ti-chevron-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chevron-down-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10242;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chevron-down-right" class="ti-chevron-down-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chevron-down-right" class="ti-chevron-down-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chevron-down-right" class="ti-chevron-down-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chevron-down-right" class="ti-chevron-down-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chevron-down-right" class="ti-chevron-down-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chevron-down-right" class="ti-chevron-down-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chevron-down-right" class="ti-chevron-down-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chevron-down-right" class="ti-chevron-down-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chevron-down-right" class="ti-chevron-down-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chevron-down-right" class="ti-chevron-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chevron-down-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10243;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chevron-left" class="ti-chevron-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chevron-left" class="ti-chevron-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chevron-left" class="ti-chevron-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chevron-left" class="ti-chevron-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chevron-left" class="ti-chevron-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chevron-left" class="ti-chevron-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chevron-left" class="ti-chevron-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chevron-left" class="ti-chevron-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chevron-left" class="ti-chevron-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chevron-left" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chevron-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10244;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chevron-right" class="ti-chevron-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chevron-right" class="ti-chevron-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chevron-right" class="ti-chevron-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chevron-right" class="ti-chevron-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chevron-right" class="ti-chevron-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chevron-right" class="ti-chevron-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chevron-right" class="ti-chevron-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chevron-right" class="ti-chevron-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chevron-right" class="ti-chevron-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chevron-right" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chevron-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10245;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chevron-up" class="ti-chevron-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chevron-up" class="ti-chevron-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chevron-up" class="ti-chevron-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chevron-up" class="ti-chevron-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chevron-up" class="ti-chevron-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chevron-up" class="ti-chevron-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chevron-up" class="ti-chevron-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chevron-up" class="ti-chevron-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chevron-up" class="ti-chevron-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chevron-up" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chevron-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10246;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chevron-up-left" class="ti-chevron-up-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chevron-up-left" class="ti-chevron-up-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chevron-up-left" class="ti-chevron-up-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chevron-up-left" class="ti-chevron-up-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chevron-up-left" class="ti-chevron-up-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chevron-up-left" class="ti-chevron-up-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chevron-up-left" class="ti-chevron-up-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chevron-up-left" class="ti-chevron-up-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chevron-up-left" class="ti-chevron-up-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chevron-up-left" class="ti-chevron-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chevron-up-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10247;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chevron-up-right" class="ti-chevron-up-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chevron-up-right" class="ti-chevron-up-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chevron-up-right" class="ti-chevron-up-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chevron-up-right" class="ti-chevron-up-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chevron-up-right" class="ti-chevron-up-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chevron-up-right" class="ti-chevron-up-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chevron-up-right" class="ti-chevron-up-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chevron-up-right" class="ti-chevron-up-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chevron-up-right" class="ti-chevron-up-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chevron-up-right" class="ti-chevron-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chevron-up-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10248;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chevrons-down" class="ti-chevrons-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chevrons-down" class="ti-chevrons-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chevrons-down" class="ti-chevrons-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chevrons-down" class="ti-chevrons-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chevrons-down" class="ti-chevrons-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chevrons-down" class="ti-chevrons-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chevrons-down" class="ti-chevrons-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chevrons-down" class="ti-chevrons-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chevrons-down" class="ti-chevrons-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chevrons-down" class="ti-chevrons-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chevrons-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10249;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chevrons-down-left" class="ti-chevrons-down-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chevrons-down-left" class="ti-chevrons-down-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chevrons-down-left" class="ti-chevrons-down-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chevrons-down-left" class="ti-chevrons-down-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chevrons-down-left" class="ti-chevrons-down-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chevrons-down-left" class="ti-chevrons-down-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chevrons-down-left" class="ti-chevrons-down-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chevrons-down-left" class="ti-chevrons-down-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chevrons-down-left" class="ti-chevrons-down-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chevrons-down-left" class="ti-chevrons-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chevrons-down-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1024a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chevrons-down-right" class="ti-chevrons-down-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chevrons-down-right" class="ti-chevrons-down-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chevrons-down-right" class="ti-chevrons-down-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chevrons-down-right" class="ti-chevrons-down-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chevrons-down-right" class="ti-chevrons-down-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chevrons-down-right" class="ti-chevrons-down-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chevrons-down-right" class="ti-chevrons-down-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chevrons-down-right" class="ti-chevrons-down-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chevrons-down-right" class="ti-chevrons-down-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chevrons-down-right" class="ti-chevrons-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chevrons-down-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1024b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chevrons-left" class="ti-chevrons-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chevrons-left" class="ti-chevrons-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chevrons-left" class="ti-chevrons-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chevrons-left" class="ti-chevrons-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chevrons-left" class="ti-chevrons-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chevrons-left" class="ti-chevrons-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chevrons-left" class="ti-chevrons-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chevrons-left" class="ti-chevrons-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chevrons-left" class="ti-chevrons-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chevrons-left" class="ti-chevrons-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chevrons-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1024c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chevrons-right" class="ti-chevrons-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chevrons-right" class="ti-chevrons-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chevrons-right" class="ti-chevrons-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chevrons-right" class="ti-chevrons-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chevrons-right" class="ti-chevrons-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chevrons-right" class="ti-chevrons-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chevrons-right" class="ti-chevrons-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chevrons-right" class="ti-chevrons-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chevrons-right" class="ti-chevrons-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chevrons-right" class="ti-chevrons-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chevrons-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1024d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chevrons-up" class="ti-chevrons-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chevrons-up" class="ti-chevrons-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chevrons-up" class="ti-chevrons-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chevrons-up" class="ti-chevrons-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chevrons-up" class="ti-chevrons-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chevrons-up" class="ti-chevrons-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chevrons-up" class="ti-chevrons-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chevrons-up" class="ti-chevrons-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chevrons-up" class="ti-chevrons-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chevrons-up" class="ti-chevrons-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chevrons-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1024e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chevrons-up-left" class="ti-chevrons-up-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chevrons-up-left" class="ti-chevrons-up-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chevrons-up-left" class="ti-chevrons-up-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chevrons-up-left" class="ti-chevrons-up-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chevrons-up-left" class="ti-chevrons-up-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chevrons-up-left" class="ti-chevrons-up-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chevrons-up-left" class="ti-chevrons-up-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chevrons-up-left" class="ti-chevrons-up-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chevrons-up-left" class="ti-chevrons-up-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chevrons-up-left" class="ti-chevrons-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chevrons-up-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1024f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-chevrons-up-right" class="ti-chevrons-up-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-chevrons-up-right" class="ti-chevrons-up-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-chevrons-up-right" class="ti-chevrons-up-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-chevrons-up-right" class="ti-chevrons-up-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-chevrons-up-right" class="ti-chevrons-up-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-chevrons-up-right" class="ti-chevrons-up-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-chevrons-up-right" class="ti-chevrons-up-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-chevrons-up-right" class="ti-chevrons-up-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-chevrons-up-right" class="ti-chevrons-up-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-chevrons-up-right" class="ti-chevrons-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-chevrons-up-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10250;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-christmas-tree" class="ti-christmas-tree"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-christmas-tree" class="ti-christmas-tree"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-christmas-tree" class="ti-christmas-tree"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-christmas-tree" class="ti-christmas-tree"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-christmas-tree" class="ti-christmas-tree"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-christmas-tree" class="ti-christmas-tree"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-christmas-tree" class="ti-christmas-tree"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-christmas-tree" class="ti-christmas-tree"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-christmas-tree" class="ti-christmas-tree"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-christmas-tree" class="ti-christmas-tree"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-christmas-tree" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10251;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle" class="ti-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle" class="ti-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle" class="ti-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle" class="ti-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle" class="ti-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle" class="ti-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle" class="ti-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle" class="ti-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle" class="ti-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10252;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-0" class="ti-circle-0"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-0" class="ti-circle-0"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-0" class="ti-circle-0"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-0" class="ti-circle-0"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-0" class="ti-circle-0"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-0" class="ti-circle-0"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-0" class="ti-circle-0"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-0" class="ti-circle-0"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-0" class="ti-circle-0"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-0" class="ti-circle-0"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-0" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10253;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-1" class="ti-circle-1"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-1" class="ti-circle-1"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-1" class="ti-circle-1"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-1" class="ti-circle-1"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-1" class="ti-circle-1"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-1" class="ti-circle-1"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-1" class="ti-circle-1"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-1" class="ti-circle-1"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-1" class="ti-circle-1"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-1" class="ti-circle-1"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-1" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10254;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-2" class="ti-circle-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-2" class="ti-circle-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-2" class="ti-circle-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-2" class="ti-circle-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-2" class="ti-circle-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-2" class="ti-circle-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-2" class="ti-circle-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-2" class="ti-circle-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-2" class="ti-circle-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-2" class="ti-circle-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10255;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-3" class="ti-circle-3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-3" class="ti-circle-3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-3" class="ti-circle-3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-3" class="ti-circle-3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-3" class="ti-circle-3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-3" class="ti-circle-3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-3" class="ti-circle-3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-3" class="ti-circle-3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-3" class="ti-circle-3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-3" class="ti-circle-3"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10256;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-4" class="ti-circle-4"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-4" class="ti-circle-4"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-4" class="ti-circle-4"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-4" class="ti-circle-4"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-4" class="ti-circle-4"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-4" class="ti-circle-4"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-4" class="ti-circle-4"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-4" class="ti-circle-4"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-4" class="ti-circle-4"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-4" class="ti-circle-4"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-4" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10257;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-5" class="ti-circle-5"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-5" class="ti-circle-5"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-5" class="ti-circle-5"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-5" class="ti-circle-5"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-5" class="ti-circle-5"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-5" class="ti-circle-5"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-5" class="ti-circle-5"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-5" class="ti-circle-5"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-5" class="ti-circle-5"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-5" class="ti-circle-5"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-5" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10258;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-6" class="ti-circle-6"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-6" class="ti-circle-6"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-6" class="ti-circle-6"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-6" class="ti-circle-6"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-6" class="ti-circle-6"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-6" class="ti-circle-6"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-6" class="ti-circle-6"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-6" class="ti-circle-6"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-6" class="ti-circle-6"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-6" class="ti-circle-6"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-6" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10259;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-7" class="ti-circle-7"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-7" class="ti-circle-7"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-7" class="ti-circle-7"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-7" class="ti-circle-7"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-7" class="ti-circle-7"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-7" class="ti-circle-7"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-7" class="ti-circle-7"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-7" class="ti-circle-7"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-7" class="ti-circle-7"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-7" class="ti-circle-7"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-7" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1025a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-8" class="ti-circle-8"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-8" class="ti-circle-8"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-8" class="ti-circle-8"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-8" class="ti-circle-8"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-8" class="ti-circle-8"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-8" class="ti-circle-8"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-8" class="ti-circle-8"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-8" class="ti-circle-8"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-8" class="ti-circle-8"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-8" class="ti-circle-8"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-8" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1025b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-9" class="ti-circle-9"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-9" class="ti-circle-9"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-9" class="ti-circle-9"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-9" class="ti-circle-9"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-9" class="ti-circle-9"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-9" class="ti-circle-9"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-9" class="ti-circle-9"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-9" class="ti-circle-9"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-9" class="ti-circle-9"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-9" class="ti-circle-9"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-9" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1025c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-check" class="ti-circle-check"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-check" class="ti-circle-check"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-check" class="ti-circle-check"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-check" class="ti-circle-check"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-check" class="ti-circle-check"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-check" class="ti-circle-check"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-check" class="ti-circle-check"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-check" class="ti-circle-check"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-check" class="ti-circle-check"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-check" class="ti-circle-check"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-check" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1025d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-dashed" class="ti-circle-dashed"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-dashed" class="ti-circle-dashed"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-dashed" class="ti-circle-dashed"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-dashed" class="ti-circle-dashed"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-dashed" class="ti-circle-dashed"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-dashed" class="ti-circle-dashed"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-dashed" class="ti-circle-dashed"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-dashed" class="ti-circle-dashed"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-dashed" class="ti-circle-dashed"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-dashed" class="ti-circle-dashed"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-dashed" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1025e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-dotted" class="ti-circle-dotted"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-dotted" class="ti-circle-dotted"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-dotted" class="ti-circle-dotted"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-dotted" class="ti-circle-dotted"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-dotted" class="ti-circle-dotted"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-dotted" class="ti-circle-dotted"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-dotted" class="ti-circle-dotted"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-dotted" class="ti-circle-dotted"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-dotted" class="ti-circle-dotted"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-dotted" class="ti-circle-dotted"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-dotted" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1025f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-half" class="ti-circle-half"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-half" class="ti-circle-half"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-half" class="ti-circle-half"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-half" class="ti-circle-half"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-half" class="ti-circle-half"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-half" class="ti-circle-half"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-half" class="ti-circle-half"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-half" class="ti-circle-half"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-half" class="ti-circle-half"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-half" class="ti-circle-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-half" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10260;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-half-vertical" class="ti-circle-half-vertical"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-half-vertical" class="ti-circle-half-vertical"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-half-vertical" class="ti-circle-half-vertical"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-half-vertical" class="ti-circle-half-vertical"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-half-vertical" class="ti-circle-half-vertical"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-half-vertical" class="ti-circle-half-vertical"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-half-vertical" class="ti-circle-half-vertical"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-half-vertical" class="ti-circle-half-vertical"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-half-vertical" class="ti-circle-half-vertical"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-half-vertical" class="ti-circle-half-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-half-vertical" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10261;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-minus" class="ti-circle-minus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-minus" class="ti-circle-minus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-minus" class="ti-circle-minus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-minus" class="ti-circle-minus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-minus" class="ti-circle-minus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-minus" class="ti-circle-minus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-minus" class="ti-circle-minus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-minus" class="ti-circle-minus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-minus" class="ti-circle-minus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-minus" class="ti-circle-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-minus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10262;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-off" class="ti-circle-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-off" class="ti-circle-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-off" class="ti-circle-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-off" class="ti-circle-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-off" class="ti-circle-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-off" class="ti-circle-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-off" class="ti-circle-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-off" class="ti-circle-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-off" class="ti-circle-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-off" class="ti-circle-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10263;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-plus" class="ti-circle-plus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-plus" class="ti-circle-plus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-plus" class="ti-circle-plus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-plus" class="ti-circle-plus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-plus" class="ti-circle-plus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-plus" class="ti-circle-plus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-plus" class="ti-circle-plus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-plus" class="ti-circle-plus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-plus" class="ti-circle-plus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-plus" class="ti-circle-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-plus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10264;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-square" class="ti-circle-square"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-square" class="ti-circle-square"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-square" class="ti-circle-square"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-square" class="ti-circle-square"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-square" class="ti-circle-square"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-square" class="ti-circle-square"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-square" class="ti-circle-square"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-square" class="ti-circle-square"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-square" class="ti-circle-square"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-square" class="ti-circle-square"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-square" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10265;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circle-x" class="ti-circle-x"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circle-x" class="ti-circle-x"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circle-x" class="ti-circle-x"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circle-x" class="ti-circle-x"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circle-x" class="ti-circle-x"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circle-x" class="ti-circle-x"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circle-x" class="ti-circle-x"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circle-x" class="ti-circle-x"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circle-x" class="ti-circle-x"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circle-x" class="ti-circle-x"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circle-x" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10266;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-circles" class="ti-circles"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-circles" class="ti-circles"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-circles" class="ti-circles"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-circles" class="ti-circles"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-circles" class="ti-circles"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-circles" class="ti-circles"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-circles" class="ti-circles"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-circles" class="ti-circles"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-circles" class="ti-circles"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-circles" class="ti-circles"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-circles" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10267;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-clear-all" class="ti-clear-all"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-clear-all" class="ti-clear-all"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-clear-all" class="ti-clear-all"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-clear-all" class="ti-clear-all"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-clear-all" class="ti-clear-all"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-clear-all" class="ti-clear-all"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-clear-all" class="ti-clear-all"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-clear-all" class="ti-clear-all"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-clear-all" class="ti-clear-all"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-clear-all" class="ti-clear-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-clear-all" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10268;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-clear-formatting" class="ti-clear-formatting"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-clear-formatting" class="ti-clear-formatting"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-clear-formatting" class="ti-clear-formatting"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-clear-formatting" class="ti-clear-formatting"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-clear-formatting" class="ti-clear-formatting"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-clear-formatting" class="ti-clear-formatting"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-clear-formatting" class="ti-clear-formatting"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-clear-formatting" class="ti-clear-formatting"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-clear-formatting" class="ti-clear-formatting"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-clear-formatting" class="ti-clear-formatting"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-clear-formatting" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10269;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-click" class="ti-click"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-click" class="ti-click"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-click" class="ti-click"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-click" class="ti-click"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-click" class="ti-click"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-click" class="ti-click"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-click" class="ti-click"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-click" class="ti-click"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-click" class="ti-click"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-click" class="ti-click"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-click" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1026a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-clipboard" class="ti-clipboard"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-clipboard" class="ti-clipboard"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-clipboard" class="ti-clipboard"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-clipboard" class="ti-clipboard"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-clipboard" class="ti-clipboard"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-clipboard" class="ti-clipboard"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-clipboard" class="ti-clipboard"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-clipboard" class="ti-clipboard"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-clipboard" class="ti-clipboard"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-clipboard" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-clipboard" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1026b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-clipboard-check" class="ti-clipboard-check"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-clipboard-check" class="ti-clipboard-check"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-clipboard-check" class="ti-clipboard-check"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-clipboard-check" class="ti-clipboard-check"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-clipboard-check" class="ti-clipboard-check"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-clipboard-check" class="ti-clipboard-check"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-clipboard-check" class="ti-clipboard-check"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-clipboard-check" class="ti-clipboard-check"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-clipboard-check" class="ti-clipboard-check"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-clipboard-check" class="ti-clipboard-check"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-clipboard-check" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1026c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-clipboard-list" class="ti-clipboard-list"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-clipboard-list" class="ti-clipboard-list"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-clipboard-list" class="ti-clipboard-list"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-clipboard-list" class="ti-clipboard-list"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-clipboard-list" class="ti-clipboard-list"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-clipboard-list" class="ti-clipboard-list"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-clipboard-list" class="ti-clipboard-list"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-clipboard-list" class="ti-clipboard-list"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-clipboard-list" class="ti-clipboard-list"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-clipboard-list" class="ti-clipboard-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-clipboard-list" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1026d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-clipboard-x" class="ti-clipboard-x"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-clipboard-x" class="ti-clipboard-x"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-clipboard-x" class="ti-clipboard-x"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-clipboard-x" class="ti-clipboard-x"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-clipboard-x" class="ti-clipboard-x"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-clipboard-x" class="ti-clipboard-x"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-clipboard-x" class="ti-clipboard-x"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-clipboard-x" class="ti-clipboard-x"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-clipboard-x" class="ti-clipboard-x"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-clipboard-x" class="ti-clipboard-x"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-clipboard-x" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1026e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-clock" class="ti-clock"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-clock" class="ti-clock"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-clock" class="ti-clock"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-clock" class="ti-clock"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-clock" class="ti-clock"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-clock" class="ti-clock"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-clock" class="ti-clock"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-clock" class="ti-clock"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-clock" class="ti-clock"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-clock" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-clock" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1026f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-cloud" class="ti-cloud"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-cloud" class="ti-cloud"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-cloud" class="ti-cloud"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-cloud" class="ti-cloud"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-cloud" class="ti-cloud"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-cloud" class="ti-cloud"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-cloud" class="ti-cloud"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-cloud" class="ti-cloud"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-cloud" class="ti-cloud"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-cloud" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-cloud" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10270;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-cloud-download" class="ti-cloud-download"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-cloud-download" class="ti-cloud-download"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-cloud-download" class="ti-cloud-download"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-cloud-download" class="ti-cloud-download"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-cloud-download" class="ti-cloud-download"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-cloud-download" class="ti-cloud-download"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-cloud-download" class="ti-cloud-download"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-cloud-download" class="ti-cloud-download"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-cloud-download" class="ti-cloud-download"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-cloud-download" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-cloud-download" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10271;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-cloud-fog" class="ti-cloud-fog"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-cloud-fog" class="ti-cloud-fog"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-cloud-fog" class="ti-cloud-fog"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-cloud-fog" class="ti-cloud-fog"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-cloud-fog" class="ti-cloud-fog"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-cloud-fog" class="ti-cloud-fog"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-cloud-fog" class="ti-cloud-fog"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-cloud-fog" class="ti-cloud-fog"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-cloud-fog" class="ti-cloud-fog"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-cloud-fog" class="ti-cloud-fog"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-cloud-fog" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10272;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-cloud-off" class="ti-cloud-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-cloud-off" class="ti-cloud-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-cloud-off" class="ti-cloud-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-cloud-off" class="ti-cloud-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-cloud-off" class="ti-cloud-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-cloud-off" class="ti-cloud-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-cloud-off" class="ti-cloud-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-cloud-off" class="ti-cloud-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-cloud-off" class="ti-cloud-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-cloud-off" class="ti-cloud-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-cloud-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10273;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-cloud-rain" class="ti-cloud-rain"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-cloud-rain" class="ti-cloud-rain"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-cloud-rain" class="ti-cloud-rain"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-cloud-rain" class="ti-cloud-rain"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-cloud-rain" class="ti-cloud-rain"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-cloud-rain" class="ti-cloud-rain"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-cloud-rain" class="ti-cloud-rain"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-cloud-rain" class="ti-cloud-rain"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-cloud-rain" class="ti-cloud-rain"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-cloud-rain" class="ti-cloud-rain"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-cloud-rain" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10274;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-cloud-snow" class="ti-cloud-snow"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-cloud-snow" class="ti-cloud-snow"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-cloud-snow" class="ti-cloud-snow"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-cloud-snow" class="ti-cloud-snow"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-cloud-snow" class="ti-cloud-snow"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-cloud-snow" class="ti-cloud-snow"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-cloud-snow" class="ti-cloud-snow"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-cloud-snow" class="ti-cloud-snow"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-cloud-snow" class="ti-cloud-snow"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-cloud-snow" class="ti-cloud-snow"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-cloud-snow" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10275;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-cloud-storm" class="ti-cloud-storm"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-cloud-storm" class="ti-cloud-storm"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-cloud-storm" class="ti-cloud-storm"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-cloud-storm" class="ti-cloud-storm"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-cloud-storm" class="ti-cloud-storm"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-cloud-storm" class="ti-cloud-storm"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-cloud-storm" class="ti-cloud-storm"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-cloud-storm" class="ti-cloud-storm"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-cloud-storm" class="ti-cloud-storm"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-cloud-storm" class="ti-cloud-storm"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-cloud-storm" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10276;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-cloud-upload" class="ti-cloud-upload"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-cloud-upload" class="ti-cloud-upload"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-cloud-upload" class="ti-cloud-upload"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-cloud-upload" class="ti-cloud-upload"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-cloud-upload" class="ti-cloud-upload"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-cloud-upload" class="ti-cloud-upload"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-cloud-upload" class="ti-cloud-upload"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-cloud-upload" class="ti-cloud-upload"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-cloud-upload" class="ti-cloud-upload"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-cloud-upload" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-cloud-upload" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10277;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-code" class="ti-code"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-code" class="ti-code"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-code" class="ti-code"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-code" class="ti-code"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-code" class="ti-code"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-code" class="ti-code"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-code" class="ti-code"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-code" class="ti-code"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-code" class="ti-code"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-code" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-code" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10278;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-code-minus" class="ti-code-minus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-code-minus" class="ti-code-minus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-code-minus" class="ti-code-minus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-code-minus" class="ti-code-minus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-code-minus" class="ti-code-minus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-code-minus" class="ti-code-minus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-code-minus" class="ti-code-minus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-code-minus" class="ti-code-minus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-code-minus" class="ti-code-minus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-code-minus" class="ti-code-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-code-minus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10279;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-code-plus" class="ti-code-plus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-code-plus" class="ti-code-plus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-code-plus" class="ti-code-plus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-code-plus" class="ti-code-plus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-code-plus" class="ti-code-plus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-code-plus" class="ti-code-plus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-code-plus" class="ti-code-plus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-code-plus" class="ti-code-plus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-code-plus" class="ti-code-plus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-code-plus" class="ti-code-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-code-plus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1027a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-coin" class="ti-coin"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-coin" class="ti-coin"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-coin" class="ti-coin"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-coin" class="ti-coin"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-coin" class="ti-coin"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-coin" class="ti-coin"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-coin" class="ti-coin"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-coin" class="ti-coin"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-coin" class="ti-coin"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-coin" class="ti-coin"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-coin" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1027b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-color-picker" class="ti-color-picker"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-color-picker" class="ti-color-picker"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-color-picker" class="ti-color-picker"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-color-picker" class="ti-color-picker"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-color-picker" class="ti-color-picker"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-color-picker" class="ti-color-picker"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-color-picker" class="ti-color-picker"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-color-picker" class="ti-color-picker"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-color-picker" class="ti-color-picker"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-color-picker" class="ti-color-picker"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-color-picker" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1027c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-color-swatch" class="ti-color-swatch"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-color-swatch" class="ti-color-swatch"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-color-swatch" class="ti-color-swatch"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-color-swatch" class="ti-color-swatch"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-color-swatch" class="ti-color-swatch"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-color-swatch" class="ti-color-swatch"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-color-swatch" class="ti-color-swatch"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-color-swatch" class="ti-color-swatch"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-color-swatch" class="ti-color-swatch"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-color-swatch" class="ti-color-swatch"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-color-swatch" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1027d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-column-insert-left" class="ti-column-insert-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-column-insert-left" class="ti-column-insert-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-column-insert-left" class="ti-column-insert-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-column-insert-left" class="ti-column-insert-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-column-insert-left" class="ti-column-insert-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-column-insert-left" class="ti-column-insert-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-column-insert-left" class="ti-column-insert-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-column-insert-left" class="ti-column-insert-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-column-insert-left" class="ti-column-insert-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-column-insert-left" class="ti-column-insert-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-column-insert-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1027e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-column-insert-right" class="ti-column-insert-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-column-insert-right" class="ti-column-insert-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-column-insert-right" class="ti-column-insert-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-column-insert-right" class="ti-column-insert-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-column-insert-right" class="ti-column-insert-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-column-insert-right" class="ti-column-insert-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-column-insert-right" class="ti-column-insert-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-column-insert-right" class="ti-column-insert-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-column-insert-right" class="ti-column-insert-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-column-insert-right" class="ti-column-insert-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-column-insert-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1027f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-columns" class="ti-columns"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-columns" class="ti-columns"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-columns" class="ti-columns"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-columns" class="ti-columns"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-columns" class="ti-columns"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-columns" class="ti-columns"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-columns" class="ti-columns"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-columns" class="ti-columns"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-columns" class="ti-columns"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-columns" class="ti-columns"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-columns" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10280;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-comet" class="ti-comet"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-comet" class="ti-comet"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-comet" class="ti-comet"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-comet" class="ti-comet"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-comet" class="ti-comet"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-comet" class="ti-comet"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-comet" class="ti-comet"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-comet" class="ti-comet"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-comet" class="ti-comet"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-comet" class="ti-comet"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-comet" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10281;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-command" class="ti-command"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-command" class="ti-command"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-command" class="ti-command"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-command" class="ti-command"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-command" class="ti-command"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-command" class="ti-command"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-command" class="ti-command"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-command" class="ti-command"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-command" class="ti-command"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-command" class="ti-command"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-command" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10282;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-compass" class="ti-compass"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-compass" class="ti-compass"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-compass" class="ti-compass"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-compass" class="ti-compass"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-compass" class="ti-compass"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-compass" class="ti-compass"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-compass" class="ti-compass"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-compass" class="ti-compass"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-compass" class="ti-compass"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-compass" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-compass" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10283;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-confetti" class="ti-confetti"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-confetti" class="ti-confetti"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-confetti" class="ti-confetti"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-confetti" class="ti-confetti"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-confetti" class="ti-confetti"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-confetti" class="ti-confetti"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-confetti" class="ti-confetti"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-confetti" class="ti-confetti"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-confetti" class="ti-confetti"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-confetti" class="ti-confetti"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-confetti" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10284;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-container" class="ti-container"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-container" class="ti-container"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-container" class="ti-container"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-container" class="ti-container"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-container" class="ti-container"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-container" class="ti-container"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-container" class="ti-container"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-container" class="ti-container"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-container" class="ti-container"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-container" class="ti-container"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-container" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10285;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-contrast" class="ti-contrast"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-contrast" class="ti-contrast"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-contrast" class="ti-contrast"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-contrast" class="ti-contrast"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-contrast" class="ti-contrast"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-contrast" class="ti-contrast"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-contrast" class="ti-contrast"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-contrast" class="ti-contrast"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-contrast" class="ti-contrast"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-contrast" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-contrast" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10286;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-copy" class="ti-copy"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-copy" class="ti-copy"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-copy" class="ti-copy"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-copy" class="ti-copy"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-copy" class="ti-copy"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-copy" class="ti-copy"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-copy" class="ti-copy"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-copy" class="ti-copy"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-copy" class="ti-copy"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-copy" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-copy" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10287;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-copyleft" class="ti-copyleft"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-copyleft" class="ti-copyleft"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-copyleft" class="ti-copyleft"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-copyleft" class="ti-copyleft"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-copyleft" class="ti-copyleft"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-copyleft" class="ti-copyleft"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-copyleft" class="ti-copyleft"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-copyleft" class="ti-copyleft"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-copyleft" class="ti-copyleft"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-copyleft" class="ti-copyleft"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-copyleft" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10288;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-copyright" class="ti-copyright"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-copyright" class="ti-copyright"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-copyright" class="ti-copyright"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-copyright" class="ti-copyright"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-copyright" class="ti-copyright"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-copyright" class="ti-copyright"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-copyright" class="ti-copyright"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-copyright" class="ti-copyright"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-copyright" class="ti-copyright"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-copyright" class="ti-copyright"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-copyright" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10289;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-corner-down-left" class="ti-corner-down-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-corner-down-left" class="ti-corner-down-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-corner-down-left" class="ti-corner-down-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-corner-down-left" class="ti-corner-down-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-corner-down-left" class="ti-corner-down-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-corner-down-left" class="ti-corner-down-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-corner-down-left" class="ti-corner-down-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-corner-down-left" class="ti-corner-down-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-corner-down-left" class="ti-corner-down-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-corner-down-left" class="ti-corner-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-corner-down-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1028a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-corner-down-left-double" class="ti-corner-down-left-double"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-corner-down-left-double" class="ti-corner-down-left-double"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-corner-down-left-double" class="ti-corner-down-left-double"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-corner-down-left-double" class="ti-corner-down-left-double"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-corner-down-left-double" class="ti-corner-down-left-double"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-corner-down-left-double" class="ti-corner-down-left-double"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-corner-down-left-double" class="ti-corner-down-left-double"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-corner-down-left-double" class="ti-corner-down-left-double"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-corner-down-left-double" class="ti-corner-down-left-double"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-corner-down-left-double" class="ti-corner-down-left-double"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-corner-down-left-double" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1028b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-corner-down-right" class="ti-corner-down-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-corner-down-right" class="ti-corner-down-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-corner-down-right" class="ti-corner-down-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-corner-down-right" class="ti-corner-down-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-corner-down-right" class="ti-corner-down-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-corner-down-right" class="ti-corner-down-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-corner-down-right" class="ti-corner-down-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-corner-down-right" class="ti-corner-down-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-corner-down-right" class="ti-corner-down-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-corner-down-right" class="ti-corner-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-corner-down-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1028c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-corner-down-right-double" class="ti-corner-down-right-double"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-corner-down-right-double" class="ti-corner-down-right-double"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-corner-down-right-double" class="ti-corner-down-right-double"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-corner-down-right-double" class="ti-corner-down-right-double"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-corner-down-right-double" class="ti-corner-down-right-double"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-corner-down-right-double" class="ti-corner-down-right-double"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-corner-down-right-double" class="ti-corner-down-right-double"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-corner-down-right-double" class="ti-corner-down-right-double"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-corner-down-right-double" class="ti-corner-down-right-double"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-corner-down-right-double" class="ti-corner-down-right-double"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-corner-down-right-double" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1028d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-corner-left-down" class="ti-corner-left-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-corner-left-down" class="ti-corner-left-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-corner-left-down" class="ti-corner-left-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-corner-left-down" class="ti-corner-left-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-corner-left-down" class="ti-corner-left-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-corner-left-down" class="ti-corner-left-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-corner-left-down" class="ti-corner-left-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-corner-left-down" class="ti-corner-left-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-corner-left-down" class="ti-corner-left-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-corner-left-down" class="ti-corner-left-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-corner-left-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1028e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-corner-left-down-double" class="ti-corner-left-down-double"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-corner-left-down-double" class="ti-corner-left-down-double"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-corner-left-down-double" class="ti-corner-left-down-double"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-corner-left-down-double" class="ti-corner-left-down-double"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-corner-left-down-double" class="ti-corner-left-down-double"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-corner-left-down-double" class="ti-corner-left-down-double"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-corner-left-down-double" class="ti-corner-left-down-double"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-corner-left-down-double" class="ti-corner-left-down-double"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-corner-left-down-double" class="ti-corner-left-down-double"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-corner-left-down-double" class="ti-corner-left-down-double"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-corner-left-down-double" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1028f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-corner-left-up" class="ti-corner-left-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-corner-left-up" class="ti-corner-left-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-corner-left-up" class="ti-corner-left-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-corner-left-up" class="ti-corner-left-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-corner-left-up" class="ti-corner-left-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-corner-left-up" class="ti-corner-left-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-corner-left-up" class="ti-corner-left-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-corner-left-up" class="ti-corner-left-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-corner-left-up" class="ti-corner-left-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-corner-left-up" class="ti-corner-left-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-corner-left-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10290;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-corner-left-up-double" class="ti-corner-left-up-double"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-corner-left-up-double" class="ti-corner-left-up-double"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-corner-left-up-double" class="ti-corner-left-up-double"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-corner-left-up-double" class="ti-corner-left-up-double"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-corner-left-up-double" class="ti-corner-left-up-double"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-corner-left-up-double" class="ti-corner-left-up-double"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-corner-left-up-double" class="ti-corner-left-up-double"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-corner-left-up-double" class="ti-corner-left-up-double"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-corner-left-up-double" class="ti-corner-left-up-double"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-corner-left-up-double" class="ti-corner-left-up-double"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-corner-left-up-double" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10291;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-corner-right-down" class="ti-corner-right-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-corner-right-down" class="ti-corner-right-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-corner-right-down" class="ti-corner-right-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-corner-right-down" class="ti-corner-right-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-corner-right-down" class="ti-corner-right-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-corner-right-down" class="ti-corner-right-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-corner-right-down" class="ti-corner-right-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-corner-right-down" class="ti-corner-right-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-corner-right-down" class="ti-corner-right-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-corner-right-down" class="ti-corner-right-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-corner-right-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10292;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-corner-right-down-double" class="ti-corner-right-down-double"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-corner-right-down-double" class="ti-corner-right-down-double"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-corner-right-down-double" class="ti-corner-right-down-double"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-corner-right-down-double" class="ti-corner-right-down-double"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-corner-right-down-double" class="ti-corner-right-down-double"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-corner-right-down-double" class="ti-corner-right-down-double"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-corner-right-down-double" class="ti-corner-right-down-double"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-corner-right-down-double" class="ti-corner-right-down-double"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-corner-right-down-double" class="ti-corner-right-down-double"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-corner-right-down-double" class="ti-corner-right-down-double"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-corner-right-down-double" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10293;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-corner-right-up" class="ti-corner-right-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-corner-right-up" class="ti-corner-right-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-corner-right-up" class="ti-corner-right-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-corner-right-up" class="ti-corner-right-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-corner-right-up" class="ti-corner-right-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-corner-right-up" class="ti-corner-right-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-corner-right-up" class="ti-corner-right-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-corner-right-up" class="ti-corner-right-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-corner-right-up" class="ti-corner-right-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-corner-right-up" class="ti-corner-right-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-corner-right-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10294;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-corner-right-up-double" class="ti-corner-right-up-double"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-corner-right-up-double" class="ti-corner-right-up-double"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-corner-right-up-double" class="ti-corner-right-up-double"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-corner-right-up-double" class="ti-corner-right-up-double"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-corner-right-up-double" class="ti-corner-right-up-double"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-corner-right-up-double" class="ti-corner-right-up-double"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-corner-right-up-double" class="ti-corner-right-up-double"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-corner-right-up-double" class="ti-corner-right-up-double"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-corner-right-up-double" class="ti-corner-right-up-double"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-corner-right-up-double" class="ti-corner-right-up-double"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-corner-right-up-double" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10295;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-corner-up-left" class="ti-corner-up-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-corner-up-left" class="ti-corner-up-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-corner-up-left" class="ti-corner-up-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-corner-up-left" class="ti-corner-up-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-corner-up-left" class="ti-corner-up-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-corner-up-left" class="ti-corner-up-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-corner-up-left" class="ti-corner-up-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-corner-up-left" class="ti-corner-up-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-corner-up-left" class="ti-corner-up-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-corner-up-left" class="ti-corner-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-corner-up-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10296;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-corner-up-left-double" class="ti-corner-up-left-double"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-corner-up-left-double" class="ti-corner-up-left-double"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-corner-up-left-double" class="ti-corner-up-left-double"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-corner-up-left-double" class="ti-corner-up-left-double"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-corner-up-left-double" class="ti-corner-up-left-double"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-corner-up-left-double" class="ti-corner-up-left-double"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-corner-up-left-double" class="ti-corner-up-left-double"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-corner-up-left-double" class="ti-corner-up-left-double"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-corner-up-left-double" class="ti-corner-up-left-double"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-corner-up-left-double" class="ti-corner-up-left-double"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-corner-up-left-double" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10297;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-corner-up-right" class="ti-corner-up-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-corner-up-right" class="ti-corner-up-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-corner-up-right" class="ti-corner-up-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-corner-up-right" class="ti-corner-up-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-corner-up-right" class="ti-corner-up-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-corner-up-right" class="ti-corner-up-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-corner-up-right" class="ti-corner-up-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-corner-up-right" class="ti-corner-up-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-corner-up-right" class="ti-corner-up-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-corner-up-right" class="ti-corner-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-corner-up-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10298;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-corner-up-right-double" class="ti-corner-up-right-double"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-corner-up-right-double" class="ti-corner-up-right-double"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-corner-up-right-double" class="ti-corner-up-right-double"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-corner-up-right-double" class="ti-corner-up-right-double"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-corner-up-right-double" class="ti-corner-up-right-double"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-corner-up-right-double" class="ti-corner-up-right-double"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-corner-up-right-double" class="ti-corner-up-right-double"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-corner-up-right-double" class="ti-corner-up-right-double"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-corner-up-right-double" class="ti-corner-up-right-double"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-corner-up-right-double" class="ti-corner-up-right-double"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-corner-up-right-double" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10299;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-credit-card" class="ti-credit-card"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-credit-card" class="ti-credit-card"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-credit-card" class="ti-credit-card"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-credit-card" class="ti-credit-card"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-credit-card" class="ti-credit-card"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-credit-card" class="ti-credit-card"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-credit-card" class="ti-credit-card"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-credit-card" class="ti-credit-card"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-credit-card" class="ti-credit-card"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-credit-card" class="ti-credit-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-credit-card" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1029a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-credit-card-off" class="ti-credit-card-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-credit-card-off" class="ti-credit-card-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-credit-card-off" class="ti-credit-card-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-credit-card-off" class="ti-credit-card-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-credit-card-off" class="ti-credit-card-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-credit-card-off" class="ti-credit-card-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-credit-card-off" class="ti-credit-card-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-credit-card-off" class="ti-credit-card-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-credit-card-off" class="ti-credit-card-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-credit-card-off" class="ti-credit-card-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-credit-card-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1029b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-crop" class="ti-crop"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-crop" class="ti-crop"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-crop" class="ti-crop"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-crop" class="ti-crop"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-crop" class="ti-crop"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-crop" class="ti-crop"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-crop" class="ti-crop"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-crop" class="ti-crop"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-crop" class="ti-crop"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-crop" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-crop" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1029c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-crosshair" class="ti-crosshair"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-crosshair" class="ti-crosshair"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-crosshair" class="ti-crosshair"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-crosshair" class="ti-crosshair"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-crosshair" class="ti-crosshair"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-crosshair" class="ti-crosshair"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-crosshair" class="ti-crosshair"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-crosshair" class="ti-crosshair"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-crosshair" class="ti-crosshair"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-crosshair" class="ti-crosshair"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-crosshair" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1029d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-crown" class="ti-crown"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-crown" class="ti-crown"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-crown" class="ti-crown"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-crown" class="ti-crown"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-crown" class="ti-crown"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-crown" class="ti-crown"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-crown" class="ti-crown"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-crown" class="ti-crown"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-crown" class="ti-crown"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-crown" class="ti-crown"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-crown" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1029e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-crown-off" class="ti-crown-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-crown-off" class="ti-crown-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-crown-off" class="ti-crown-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-crown-off" class="ti-crown-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-crown-off" class="ti-crown-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-crown-off" class="ti-crown-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-crown-off" class="ti-crown-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-crown-off" class="ti-crown-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-crown-off" class="ti-crown-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-crown-off" class="ti-crown-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-crown-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1029f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-curly-loop" class="ti-curly-loop"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-curly-loop" class="ti-curly-loop"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-curly-loop" class="ti-curly-loop"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-curly-loop" class="ti-curly-loop"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-curly-loop" class="ti-curly-loop"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-curly-loop" class="ti-curly-loop"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-curly-loop" class="ti-curly-loop"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-curly-loop" class="ti-curly-loop"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-curly-loop" class="ti-curly-loop"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-curly-loop" class="ti-curly-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-curly-loop" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102a0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-bahraini" class="ti-currency-bahraini"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-bahraini" class="ti-currency-bahraini"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-bahraini" class="ti-currency-bahraini"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-bahraini" class="ti-currency-bahraini"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-bahraini" class="ti-currency-bahraini"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-bahraini" class="ti-currency-bahraini"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-bahraini" class="ti-currency-bahraini"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-bahraini" class="ti-currency-bahraini"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-bahraini" class="ti-currency-bahraini"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-bahraini" class="ti-currency-bahraini"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-bahraini" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102a1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-bath" class="ti-currency-bath"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-bath" class="ti-currency-bath"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-bath" class="ti-currency-bath"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-bath" class="ti-currency-bath"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-bath" class="ti-currency-bath"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-bath" class="ti-currency-bath"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-bath" class="ti-currency-bath"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-bath" class="ti-currency-bath"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-bath" class="ti-currency-bath"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-bath" class="ti-currency-bath"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-bath" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102a2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-bitcoin" class="ti-currency-bitcoin"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-bitcoin" class="ti-currency-bitcoin"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-bitcoin" class="ti-currency-bitcoin"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-bitcoin" class="ti-currency-bitcoin"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-bitcoin" class="ti-currency-bitcoin"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-bitcoin" class="ti-currency-bitcoin"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-bitcoin" class="ti-currency-bitcoin"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-bitcoin" class="ti-currency-bitcoin"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-bitcoin" class="ti-currency-bitcoin"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-bitcoin" class="ti-currency-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-bitcoin" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102a3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-cent" class="ti-currency-cent"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-cent" class="ti-currency-cent"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-cent" class="ti-currency-cent"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-cent" class="ti-currency-cent"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-cent" class="ti-currency-cent"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-cent" class="ti-currency-cent"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-cent" class="ti-currency-cent"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-cent" class="ti-currency-cent"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-cent" class="ti-currency-cent"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-cent" class="ti-currency-cent"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-cent" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102a4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-dinar" class="ti-currency-dinar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-dinar" class="ti-currency-dinar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-dinar" class="ti-currency-dinar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-dinar" class="ti-currency-dinar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-dinar" class="ti-currency-dinar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-dinar" class="ti-currency-dinar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-dinar" class="ti-currency-dinar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-dinar" class="ti-currency-dinar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-dinar" class="ti-currency-dinar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-dinar" class="ti-currency-dinar"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-dinar" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102a5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-dirham" class="ti-currency-dirham"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-dirham" class="ti-currency-dirham"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-dirham" class="ti-currency-dirham"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-dirham" class="ti-currency-dirham"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-dirham" class="ti-currency-dirham"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-dirham" class="ti-currency-dirham"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-dirham" class="ti-currency-dirham"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-dirham" class="ti-currency-dirham"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-dirham" class="ti-currency-dirham"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-dirham" class="ti-currency-dirham"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-dirham" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102a6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-dollar" class="ti-currency-dollar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-dollar" class="ti-currency-dollar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-dollar" class="ti-currency-dollar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-dollar" class="ti-currency-dollar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-dollar" class="ti-currency-dollar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-dollar" class="ti-currency-dollar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-dollar" class="ti-currency-dollar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-dollar" class="ti-currency-dollar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-dollar" class="ti-currency-dollar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-dollar" class="ti-currency-dollar"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-dollar" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102a7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-dollar-australian" class="ti-currency-dollar-australian"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-dollar-australian" class="ti-currency-dollar-australian"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-dollar-australian" class="ti-currency-dollar-australian"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-dollar-australian" class="ti-currency-dollar-australian"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-dollar-australian" class="ti-currency-dollar-australian"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-dollar-australian" class="ti-currency-dollar-australian"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-dollar-australian" class="ti-currency-dollar-australian"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-dollar-australian" class="ti-currency-dollar-australian"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-dollar-australian" class="ti-currency-dollar-australian"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-dollar-australian" class="ti-currency-dollar-australian"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-dollar-australian" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102a8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-dollar-canadian" class="ti-currency-dollar-canadian"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-dollar-canadian" class="ti-currency-dollar-canadian"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-dollar-canadian" class="ti-currency-dollar-canadian"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-dollar-canadian" class="ti-currency-dollar-canadian"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-dollar-canadian" class="ti-currency-dollar-canadian"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-dollar-canadian" class="ti-currency-dollar-canadian"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-dollar-canadian" class="ti-currency-dollar-canadian"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-dollar-canadian" class="ti-currency-dollar-canadian"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-dollar-canadian" class="ti-currency-dollar-canadian"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-dollar-canadian" class="ti-currency-dollar-canadian"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-dollar-canadian" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102a9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-dollar-singapore" class="ti-currency-dollar-singapore"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-dollar-singapore" class="ti-currency-dollar-singapore"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-dollar-singapore" class="ti-currency-dollar-singapore"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-dollar-singapore" class="ti-currency-dollar-singapore"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-dollar-singapore" class="ti-currency-dollar-singapore"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-dollar-singapore" class="ti-currency-dollar-singapore"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-dollar-singapore" class="ti-currency-dollar-singapore"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-dollar-singapore" class="ti-currency-dollar-singapore"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-dollar-singapore" class="ti-currency-dollar-singapore"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-dollar-singapore" class="ti-currency-dollar-singapore"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-dollar-singapore" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102aa;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-ethereum" class="ti-currency-ethereum"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-ethereum" class="ti-currency-ethereum"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-ethereum" class="ti-currency-ethereum"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-ethereum" class="ti-currency-ethereum"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-ethereum" class="ti-currency-ethereum"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-ethereum" class="ti-currency-ethereum"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-ethereum" class="ti-currency-ethereum"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-ethereum" class="ti-currency-ethereum"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-ethereum" class="ti-currency-ethereum"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-ethereum" class="ti-currency-ethereum"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-ethereum" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102ab;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-euro" class="ti-currency-euro"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-euro" class="ti-currency-euro"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-euro" class="ti-currency-euro"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-euro" class="ti-currency-euro"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-euro" class="ti-currency-euro"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-euro" class="ti-currency-euro"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-euro" class="ti-currency-euro"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-euro" class="ti-currency-euro"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-euro" class="ti-currency-euro"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-euro" class="ti-currency-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-euro" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102ac;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-forint" class="ti-currency-forint"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-forint" class="ti-currency-forint"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-forint" class="ti-currency-forint"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-forint" class="ti-currency-forint"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-forint" class="ti-currency-forint"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-forint" class="ti-currency-forint"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-forint" class="ti-currency-forint"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-forint" class="ti-currency-forint"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-forint" class="ti-currency-forint"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-forint" class="ti-currency-forint"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-forint" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102ad;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-frank" class="ti-currency-frank"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-frank" class="ti-currency-frank"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-frank" class="ti-currency-frank"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-frank" class="ti-currency-frank"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-frank" class="ti-currency-frank"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-frank" class="ti-currency-frank"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-frank" class="ti-currency-frank"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-frank" class="ti-currency-frank"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-frank" class="ti-currency-frank"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-frank" class="ti-currency-frank"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-frank" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102ae;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-krone-czech" class="ti-currency-krone-czech"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-krone-czech" class="ti-currency-krone-czech"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-krone-czech" class="ti-currency-krone-czech"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-krone-czech" class="ti-currency-krone-czech"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-krone-czech" class="ti-currency-krone-czech"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-krone-czech" class="ti-currency-krone-czech"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-krone-czech" class="ti-currency-krone-czech"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-krone-czech" class="ti-currency-krone-czech"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-krone-czech" class="ti-currency-krone-czech"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-krone-czech" class="ti-currency-krone-czech"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-krone-czech" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102af;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-krone-danish" class="ti-currency-krone-danish"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-krone-danish" class="ti-currency-krone-danish"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-krone-danish" class="ti-currency-krone-danish"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-krone-danish" class="ti-currency-krone-danish"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-krone-danish" class="ti-currency-krone-danish"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-krone-danish" class="ti-currency-krone-danish"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-krone-danish" class="ti-currency-krone-danish"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-krone-danish" class="ti-currency-krone-danish"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-krone-danish" class="ti-currency-krone-danish"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-krone-danish" class="ti-currency-krone-danish"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-krone-danish" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102b0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-krone-swedish" class="ti-currency-krone-swedish"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-krone-swedish" class="ti-currency-krone-swedish"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-krone-swedish" class="ti-currency-krone-swedish"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-krone-swedish" class="ti-currency-krone-swedish"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-krone-swedish" class="ti-currency-krone-swedish"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-krone-swedish" class="ti-currency-krone-swedish"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-krone-swedish" class="ti-currency-krone-swedish"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-krone-swedish" class="ti-currency-krone-swedish"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-krone-swedish" class="ti-currency-krone-swedish"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-krone-swedish" class="ti-currency-krone-swedish"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-krone-swedish" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102b1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-leu" class="ti-currency-leu"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-leu" class="ti-currency-leu"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-leu" class="ti-currency-leu"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-leu" class="ti-currency-leu"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-leu" class="ti-currency-leu"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-leu" class="ti-currency-leu"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-leu" class="ti-currency-leu"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-leu" class="ti-currency-leu"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-leu" class="ti-currency-leu"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-leu" class="ti-currency-leu"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-leu" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102b2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-lira" class="ti-currency-lira"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-lira" class="ti-currency-lira"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-lira" class="ti-currency-lira"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-lira" class="ti-currency-lira"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-lira" class="ti-currency-lira"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-lira" class="ti-currency-lira"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-lira" class="ti-currency-lira"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-lira" class="ti-currency-lira"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-lira" class="ti-currency-lira"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-lira" class="ti-currency-lira"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-lira" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102b3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-litecoin" class="ti-currency-litecoin"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-litecoin" class="ti-currency-litecoin"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-litecoin" class="ti-currency-litecoin"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-litecoin" class="ti-currency-litecoin"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-litecoin" class="ti-currency-litecoin"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-litecoin" class="ti-currency-litecoin"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-litecoin" class="ti-currency-litecoin"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-litecoin" class="ti-currency-litecoin"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-litecoin" class="ti-currency-litecoin"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-litecoin" class="ti-currency-litecoin"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-litecoin" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102b4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-naira" class="ti-currency-naira"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-naira" class="ti-currency-naira"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-naira" class="ti-currency-naira"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-naira" class="ti-currency-naira"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-naira" class="ti-currency-naira"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-naira" class="ti-currency-naira"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-naira" class="ti-currency-naira"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-naira" class="ti-currency-naira"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-naira" class="ti-currency-naira"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-naira" class="ti-currency-naira"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-naira" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102b5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-pound" class="ti-currency-pound"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-pound" class="ti-currency-pound"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-pound" class="ti-currency-pound"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-pound" class="ti-currency-pound"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-pound" class="ti-currency-pound"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-pound" class="ti-currency-pound"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-pound" class="ti-currency-pound"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-pound" class="ti-currency-pound"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-pound" class="ti-currency-pound"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-pound" class="ti-currency-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-pound" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102b6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-real" class="ti-currency-real"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-real" class="ti-currency-real"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-real" class="ti-currency-real"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-real" class="ti-currency-real"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-real" class="ti-currency-real"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-real" class="ti-currency-real"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-real" class="ti-currency-real"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-real" class="ti-currency-real"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-real" class="ti-currency-real"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-real" class="ti-currency-real"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-real" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102b7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-renminbi" class="ti-currency-renminbi"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-renminbi" class="ti-currency-renminbi"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-renminbi" class="ti-currency-renminbi"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-renminbi" class="ti-currency-renminbi"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-renminbi" class="ti-currency-renminbi"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-renminbi" class="ti-currency-renminbi"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-renminbi" class="ti-currency-renminbi"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-renminbi" class="ti-currency-renminbi"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-renminbi" class="ti-currency-renminbi"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-renminbi" class="ti-currency-renminbi"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-renminbi" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102b8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-ripple" class="ti-currency-ripple"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-ripple" class="ti-currency-ripple"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-ripple" class="ti-currency-ripple"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-ripple" class="ti-currency-ripple"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-ripple" class="ti-currency-ripple"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-ripple" class="ti-currency-ripple"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-ripple" class="ti-currency-ripple"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-ripple" class="ti-currency-ripple"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-ripple" class="ti-currency-ripple"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-ripple" class="ti-currency-ripple"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-ripple" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102b9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-riyal" class="ti-currency-riyal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-riyal" class="ti-currency-riyal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-riyal" class="ti-currency-riyal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-riyal" class="ti-currency-riyal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-riyal" class="ti-currency-riyal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-riyal" class="ti-currency-riyal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-riyal" class="ti-currency-riyal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-riyal" class="ti-currency-riyal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-riyal" class="ti-currency-riyal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-riyal" class="ti-currency-riyal"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-riyal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102ba;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-rubel" class="ti-currency-rubel"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-rubel" class="ti-currency-rubel"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-rubel" class="ti-currency-rubel"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-rubel" class="ti-currency-rubel"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-rubel" class="ti-currency-rubel"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-rubel" class="ti-currency-rubel"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-rubel" class="ti-currency-rubel"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-rubel" class="ti-currency-rubel"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-rubel" class="ti-currency-rubel"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-rubel" class="ti-currency-rubel"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-rubel" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102bb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-rupee" class="ti-currency-rupee"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-rupee" class="ti-currency-rupee"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-rupee" class="ti-currency-rupee"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-rupee" class="ti-currency-rupee"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-rupee" class="ti-currency-rupee"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-rupee" class="ti-currency-rupee"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-rupee" class="ti-currency-rupee"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-rupee" class="ti-currency-rupee"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-rupee" class="ti-currency-rupee"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-rupee" class="ti-currency-rupee"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-rupee" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102bc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-shekel" class="ti-currency-shekel"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-shekel" class="ti-currency-shekel"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-shekel" class="ti-currency-shekel"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-shekel" class="ti-currency-shekel"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-shekel" class="ti-currency-shekel"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-shekel" class="ti-currency-shekel"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-shekel" class="ti-currency-shekel"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-shekel" class="ti-currency-shekel"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-shekel" class="ti-currency-shekel"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-shekel" class="ti-currency-shekel"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-shekel" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102bd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-taka" class="ti-currency-taka"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-taka" class="ti-currency-taka"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-taka" class="ti-currency-taka"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-taka" class="ti-currency-taka"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-taka" class="ti-currency-taka"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-taka" class="ti-currency-taka"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-taka" class="ti-currency-taka"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-taka" class="ti-currency-taka"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-taka" class="ti-currency-taka"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-taka" class="ti-currency-taka"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-taka" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102be;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-tugrik" class="ti-currency-tugrik"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-tugrik" class="ti-currency-tugrik"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-tugrik" class="ti-currency-tugrik"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-tugrik" class="ti-currency-tugrik"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-tugrik" class="ti-currency-tugrik"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-tugrik" class="ti-currency-tugrik"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-tugrik" class="ti-currency-tugrik"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-tugrik" class="ti-currency-tugrik"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-tugrik" class="ti-currency-tugrik"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-tugrik" class="ti-currency-tugrik"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-tugrik" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102bf;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-won" class="ti-currency-won"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-won" class="ti-currency-won"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-won" class="ti-currency-won"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-won" class="ti-currency-won"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-won" class="ti-currency-won"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-won" class="ti-currency-won"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-won" class="ti-currency-won"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-won" class="ti-currency-won"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-won" class="ti-currency-won"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-won" class="ti-currency-won"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-won" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102c0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-yen" class="ti-currency-yen"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-yen" class="ti-currency-yen"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-yen" class="ti-currency-yen"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-yen" class="ti-currency-yen"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-yen" class="ti-currency-yen"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-yen" class="ti-currency-yen"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-yen" class="ti-currency-yen"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-yen" class="ti-currency-yen"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-yen" class="ti-currency-yen"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-yen" class="ti-currency-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-yen" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102c1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-currency-zloty" class="ti-currency-zloty"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-currency-zloty" class="ti-currency-zloty"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-currency-zloty" class="ti-currency-zloty"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-currency-zloty" class="ti-currency-zloty"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-currency-zloty" class="ti-currency-zloty"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-currency-zloty" class="ti-currency-zloty"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-currency-zloty" class="ti-currency-zloty"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-currency-zloty" class="ti-currency-zloty"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-currency-zloty" class="ti-currency-zloty"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-currency-zloty" class="ti-currency-zloty"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-currency-zloty" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102c2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-current-location" class="ti-current-location"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-current-location" class="ti-current-location"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-current-location" class="ti-current-location"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-current-location" class="ti-current-location"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-current-location" class="ti-current-location"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-current-location" class="ti-current-location"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-current-location" class="ti-current-location"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-current-location" class="ti-current-location"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-current-location" class="ti-current-location"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-current-location" class="ti-current-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-current-location" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102c3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-cursor-text" class="ti-cursor-text"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-cursor-text" class="ti-cursor-text"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-cursor-text" class="ti-cursor-text"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-cursor-text" class="ti-cursor-text"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-cursor-text" class="ti-cursor-text"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-cursor-text" class="ti-cursor-text"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-cursor-text" class="ti-cursor-text"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-cursor-text" class="ti-cursor-text"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-cursor-text" class="ti-cursor-text"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-cursor-text" class="ti-cursor-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-cursor-text" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102c4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-cut" class="ti-cut"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-cut" class="ti-cut"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-cut" class="ti-cut"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-cut" class="ti-cut"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-cut" class="ti-cut"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-cut" class="ti-cut"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-cut" class="ti-cut"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-cut" class="ti-cut"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-cut" class="ti-cut"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-cut" class="ti-cut"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-cut" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102c5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-dashboard" class="ti-dashboard"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-dashboard" class="ti-dashboard"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-dashboard" class="ti-dashboard"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-dashboard" class="ti-dashboard"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-dashboard" class="ti-dashboard"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-dashboard" class="ti-dashboard"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-dashboard" class="ti-dashboard"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-dashboard" class="ti-dashboard"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-dashboard" class="ti-dashboard"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-dashboard" class="ti-dashboard"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-dashboard" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102c6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-database" class="ti-database"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-database" class="ti-database"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-database" class="ti-database"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-database" class="ti-database"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-database" class="ti-database"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-database" class="ti-database"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-database" class="ti-database"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-database" class="ti-database"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-database" class="ti-database"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-database" class="ti-database"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-database" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102c7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-database-export" class="ti-database-export"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-database-export" class="ti-database-export"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-database-export" class="ti-database-export"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-database-export" class="ti-database-export"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-database-export" class="ti-database-export"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-database-export" class="ti-database-export"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-database-export" class="ti-database-export"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-database-export" class="ti-database-export"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-database-export" class="ti-database-export"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-database-export" class="ti-database-export"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-database-export" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102c8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-database-import" class="ti-database-import"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-database-import" class="ti-database-import"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-database-import" class="ti-database-import"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-database-import" class="ti-database-import"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-database-import" class="ti-database-import"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-database-import" class="ti-database-import"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-database-import" class="ti-database-import"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-database-import" class="ti-database-import"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-database-import" class="ti-database-import"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-database-import" class="ti-database-import"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-database-import" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102c9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-database-off" class="ti-database-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-database-off" class="ti-database-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-database-off" class="ti-database-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-database-off" class="ti-database-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-database-off" class="ti-database-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-database-off" class="ti-database-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-database-off" class="ti-database-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-database-off" class="ti-database-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-database-off" class="ti-database-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-database-off" class="ti-database-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-database-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102ca;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-details" class="ti-details"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-details" class="ti-details"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-details" class="ti-details"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-details" class="ti-details"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-details" class="ti-details"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-details" class="ti-details"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-details" class="ti-details"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-details" class="ti-details"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-details" class="ti-details"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-details" class="ti-details"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-details" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102cb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-analytics" class="ti-device-analytics"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-analytics" class="ti-device-analytics"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-analytics" class="ti-device-analytics"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-analytics" class="ti-device-analytics"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-analytics" class="ti-device-analytics"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-analytics" class="ti-device-analytics"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-analytics" class="ti-device-analytics"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-analytics" class="ti-device-analytics"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-analytics" class="ti-device-analytics"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-analytics" class="ti-device-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-analytics" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102cc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-audio-tape" class="ti-device-audio-tape"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-audio-tape" class="ti-device-audio-tape"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-audio-tape" class="ti-device-audio-tape"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-audio-tape" class="ti-device-audio-tape"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-audio-tape" class="ti-device-audio-tape"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-audio-tape" class="ti-device-audio-tape"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-audio-tape" class="ti-device-audio-tape"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-audio-tape" class="ti-device-audio-tape"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-audio-tape" class="ti-device-audio-tape"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-audio-tape" class="ti-device-audio-tape"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-audio-tape" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102cd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-cctv" class="ti-device-cctv"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-cctv" class="ti-device-cctv"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-cctv" class="ti-device-cctv"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-cctv" class="ti-device-cctv"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-cctv" class="ti-device-cctv"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-cctv" class="ti-device-cctv"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-cctv" class="ti-device-cctv"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-cctv" class="ti-device-cctv"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-cctv" class="ti-device-cctv"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-cctv" class="ti-device-cctv"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-cctv" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102ce;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-computer-camera" class="ti-device-computer-camera"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-computer-camera" class="ti-device-computer-camera"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-computer-camera" class="ti-device-computer-camera"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-computer-camera" class="ti-device-computer-camera"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-computer-camera" class="ti-device-computer-camera"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-computer-camera" class="ti-device-computer-camera"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-computer-camera" class="ti-device-computer-camera"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-computer-camera" class="ti-device-computer-camera"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-computer-camera" class="ti-device-computer-camera"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-computer-camera" class="ti-device-computer-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-computer-camera" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102cf;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-computer-camera-off" class="ti-device-computer-camera-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-computer-camera-off" class="ti-device-computer-camera-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-computer-camera-off" class="ti-device-computer-camera-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-computer-camera-off" class="ti-device-computer-camera-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-computer-camera-off" class="ti-device-computer-camera-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-computer-camera-off" class="ti-device-computer-camera-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-computer-camera-off" class="ti-device-computer-camera-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-computer-camera-off" class="ti-device-computer-camera-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-computer-camera-off" class="ti-device-computer-camera-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-computer-camera-off" class="ti-device-computer-camera-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-computer-camera-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102d0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-desktop" class="ti-device-desktop"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-desktop" class="ti-device-desktop"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-desktop" class="ti-device-desktop"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-desktop" class="ti-device-desktop"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-desktop" class="ti-device-desktop"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-desktop" class="ti-device-desktop"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-desktop" class="ti-device-desktop"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-desktop" class="ti-device-desktop"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-desktop" class="ti-device-desktop"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-desktop" class="ti-device-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-desktop" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102d1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-desktop-analytics" class="ti-device-desktop-analytics"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-desktop-analytics" class="ti-device-desktop-analytics"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-desktop-analytics" class="ti-device-desktop-analytics"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-desktop-analytics" class="ti-device-desktop-analytics"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-desktop-analytics" class="ti-device-desktop-analytics"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-desktop-analytics" class="ti-device-desktop-analytics"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-desktop-analytics" class="ti-device-desktop-analytics"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-desktop-analytics" class="ti-device-desktop-analytics"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-desktop-analytics" class="ti-device-desktop-analytics"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-desktop-analytics" class="ti-device-desktop-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-desktop-analytics" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102d2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-desktop-off" class="ti-device-desktop-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-desktop-off" class="ti-device-desktop-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-desktop-off" class="ti-device-desktop-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-desktop-off" class="ti-device-desktop-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-desktop-off" class="ti-device-desktop-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-desktop-off" class="ti-device-desktop-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-desktop-off" class="ti-device-desktop-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-desktop-off" class="ti-device-desktop-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-desktop-off" class="ti-device-desktop-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-desktop-off" class="ti-device-desktop-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-desktop-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102d3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-floppy" class="ti-device-floppy"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-floppy" class="ti-device-floppy"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-floppy" class="ti-device-floppy"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-floppy" class="ti-device-floppy"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-floppy" class="ti-device-floppy"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-floppy" class="ti-device-floppy"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-floppy" class="ti-device-floppy"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-floppy" class="ti-device-floppy"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-floppy" class="ti-device-floppy"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-floppy" class="ti-device-floppy"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-floppy" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102d4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-gamepad" class="ti-device-gamepad"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-gamepad" class="ti-device-gamepad"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-gamepad" class="ti-device-gamepad"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-gamepad" class="ti-device-gamepad"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-gamepad" class="ti-device-gamepad"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-gamepad" class="ti-device-gamepad"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-gamepad" class="ti-device-gamepad"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-gamepad" class="ti-device-gamepad"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-gamepad" class="ti-device-gamepad"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-gamepad" class="ti-device-gamepad"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-gamepad" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102d5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-laptop" class="ti-device-laptop"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-laptop" class="ti-device-laptop"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-laptop" class="ti-device-laptop"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-laptop" class="ti-device-laptop"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-laptop" class="ti-device-laptop"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-laptop" class="ti-device-laptop"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-laptop" class="ti-device-laptop"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-laptop" class="ti-device-laptop"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-laptop" class="ti-device-laptop"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-laptop" class="ti-device-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-laptop" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102d6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-mobile" class="ti-device-mobile"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-mobile" class="ti-device-mobile"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-mobile" class="ti-device-mobile"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-mobile" class="ti-device-mobile"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-mobile" class="ti-device-mobile"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-mobile" class="ti-device-mobile"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-mobile" class="ti-device-mobile"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-mobile" class="ti-device-mobile"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-mobile" class="ti-device-mobile"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-mobile" class="ti-device-mobile"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-mobile" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102d7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-mobile-message" class="ti-device-mobile-message"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-mobile-message" class="ti-device-mobile-message"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-mobile-message" class="ti-device-mobile-message"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-mobile-message" class="ti-device-mobile-message"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-mobile-message" class="ti-device-mobile-message"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-mobile-message" class="ti-device-mobile-message"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-mobile-message" class="ti-device-mobile-message"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-mobile-message" class="ti-device-mobile-message"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-mobile-message" class="ti-device-mobile-message"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-mobile-message" class="ti-device-mobile-message"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-mobile-message" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102d8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-mobile-rotated" class="ti-device-mobile-rotated"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-mobile-rotated" class="ti-device-mobile-rotated"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-mobile-rotated" class="ti-device-mobile-rotated"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-mobile-rotated" class="ti-device-mobile-rotated"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-mobile-rotated" class="ti-device-mobile-rotated"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-mobile-rotated" class="ti-device-mobile-rotated"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-mobile-rotated" class="ti-device-mobile-rotated"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-mobile-rotated" class="ti-device-mobile-rotated"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-mobile-rotated" class="ti-device-mobile-rotated"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-mobile-rotated" class="ti-device-mobile-rotated"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-mobile-rotated" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102d9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-mobile-vibration" class="ti-device-mobile-vibration"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-mobile-vibration" class="ti-device-mobile-vibration"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-mobile-vibration" class="ti-device-mobile-vibration"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-mobile-vibration" class="ti-device-mobile-vibration"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-mobile-vibration" class="ti-device-mobile-vibration"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-mobile-vibration" class="ti-device-mobile-vibration"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-mobile-vibration" class="ti-device-mobile-vibration"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-mobile-vibration" class="ti-device-mobile-vibration"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-mobile-vibration" class="ti-device-mobile-vibration"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-mobile-vibration" class="ti-device-mobile-vibration"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-mobile-vibration" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102da;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-speaker" class="ti-device-speaker"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-speaker" class="ti-device-speaker"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-speaker" class="ti-device-speaker"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-speaker" class="ti-device-speaker"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-speaker" class="ti-device-speaker"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-speaker" class="ti-device-speaker"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-speaker" class="ti-device-speaker"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-speaker" class="ti-device-speaker"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-speaker" class="ti-device-speaker"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-speaker" class="ti-device-speaker"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-speaker" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102db;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-tablet" class="ti-device-tablet"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-tablet" class="ti-device-tablet"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-tablet" class="ti-device-tablet"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-tablet" class="ti-device-tablet"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-tablet" class="ti-device-tablet"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-tablet" class="ti-device-tablet"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-tablet" class="ti-device-tablet"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-tablet" class="ti-device-tablet"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-tablet" class="ti-device-tablet"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-tablet" class="ti-device-tablet"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-tablet" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102dc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-tv" class="ti-device-tv"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-tv" class="ti-device-tv"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-tv" class="ti-device-tv"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-tv" class="ti-device-tv"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-tv" class="ti-device-tv"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-tv" class="ti-device-tv"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-tv" class="ti-device-tv"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-tv" class="ti-device-tv"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-tv" class="ti-device-tv"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-tv" class="ti-device-tv"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-tv" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102dd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-device-watch" class="ti-device-watch"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-device-watch" class="ti-device-watch"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-device-watch" class="ti-device-watch"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-device-watch" class="ti-device-watch"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-device-watch" class="ti-device-watch"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-device-watch" class="ti-device-watch"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-device-watch" class="ti-device-watch"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-device-watch" class="ti-device-watch"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-device-watch" class="ti-device-watch"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-device-watch" class="ti-device-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-device-watch" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102de;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-devices" class="ti-devices"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-devices" class="ti-devices"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-devices" class="ti-devices"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-devices" class="ti-devices"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-devices" class="ti-devices"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-devices" class="ti-devices"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-devices" class="ti-devices"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-devices" class="ti-devices"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-devices" class="ti-devices"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-devices" class="ti-devices"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-devices" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102df;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-devices-2" class="ti-devices-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-devices-2" class="ti-devices-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-devices-2" class="ti-devices-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-devices-2" class="ti-devices-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-devices-2" class="ti-devices-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-devices-2" class="ti-devices-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-devices-2" class="ti-devices-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-devices-2" class="ti-devices-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-devices-2" class="ti-devices-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-devices-2" class="ti-devices-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-devices-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102e0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-devices-pc" class="ti-devices-pc"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-devices-pc" class="ti-devices-pc"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-devices-pc" class="ti-devices-pc"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-devices-pc" class="ti-devices-pc"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-devices-pc" class="ti-devices-pc"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-devices-pc" class="ti-devices-pc"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-devices-pc" class="ti-devices-pc"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-devices-pc" class="ti-devices-pc"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-devices-pc" class="ti-devices-pc"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-devices-pc" class="ti-devices-pc"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-devices-pc" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102e1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-diamond" class="ti-diamond"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-diamond" class="ti-diamond"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-diamond" class="ti-diamond"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-diamond" class="ti-diamond"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-diamond" class="ti-diamond"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-diamond" class="ti-diamond"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-diamond" class="ti-diamond"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-diamond" class="ti-diamond"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-diamond" class="ti-diamond"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-diamond" class="ti-diamond"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-diamond" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102e2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-dice" class="ti-dice"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-dice" class="ti-dice"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-dice" class="ti-dice"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-dice" class="ti-dice"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-dice" class="ti-dice"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-dice" class="ti-dice"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-dice" class="ti-dice"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-dice" class="ti-dice"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-dice" class="ti-dice"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-dice" class="ti-dice"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-dice" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102e3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-dimensions" class="ti-dimensions"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-dimensions" class="ti-dimensions"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-dimensions" class="ti-dimensions"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-dimensions" class="ti-dimensions"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-dimensions" class="ti-dimensions"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-dimensions" class="ti-dimensions"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-dimensions" class="ti-dimensions"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-dimensions" class="ti-dimensions"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-dimensions" class="ti-dimensions"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-dimensions" class="ti-dimensions"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-dimensions" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102e4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-direction" class="ti-direction"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-direction" class="ti-direction"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-direction" class="ti-direction"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-direction" class="ti-direction"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-direction" class="ti-direction"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-direction" class="ti-direction"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-direction" class="ti-direction"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-direction" class="ti-direction"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-direction" class="ti-direction"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-direction" class="ti-direction"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-direction" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102e5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-direction-horizontal" class="ti-direction-horizontal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-direction-horizontal" class="ti-direction-horizontal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-direction-horizontal" class="ti-direction-horizontal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-direction-horizontal" class="ti-direction-horizontal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-direction-horizontal" class="ti-direction-horizontal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-direction-horizontal" class="ti-direction-horizontal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-direction-horizontal" class="ti-direction-horizontal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-direction-horizontal" class="ti-direction-horizontal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-direction-horizontal" class="ti-direction-horizontal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-direction-horizontal" class="ti-direction-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-direction-horizontal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102e6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-directions" class="ti-directions"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-directions" class="ti-directions"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-directions" class="ti-directions"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-directions" class="ti-directions"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-directions" class="ti-directions"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-directions" class="ti-directions"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-directions" class="ti-directions"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-directions" class="ti-directions"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-directions" class="ti-directions"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-directions" class="ti-directions"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-directions" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102e7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-disabled" class="ti-disabled"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-disabled" class="ti-disabled"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-disabled" class="ti-disabled"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-disabled" class="ti-disabled"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-disabled" class="ti-disabled"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-disabled" class="ti-disabled"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-disabled" class="ti-disabled"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-disabled" class="ti-disabled"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-disabled" class="ti-disabled"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-disabled" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-disabled" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102e8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-disabled-2" class="ti-disabled-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-disabled-2" class="ti-disabled-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-disabled-2" class="ti-disabled-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-disabled-2" class="ti-disabled-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-disabled-2" class="ti-disabled-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-disabled-2" class="ti-disabled-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-disabled-2" class="ti-disabled-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-disabled-2" class="ti-disabled-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-disabled-2" class="ti-disabled-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-disabled-2" class="ti-disabled-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-disabled-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102e9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-disc" class="ti-disc"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-disc" class="ti-disc"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-disc" class="ti-disc"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-disc" class="ti-disc"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-disc" class="ti-disc"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-disc" class="ti-disc"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-disc" class="ti-disc"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-disc" class="ti-disc"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-disc" class="ti-disc"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-disc" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-disc" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102ea;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-discount" class="ti-discount"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-discount" class="ti-discount"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-discount" class="ti-discount"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-discount" class="ti-discount"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-discount" class="ti-discount"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-discount" class="ti-discount"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-discount" class="ti-discount"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-discount" class="ti-discount"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-discount" class="ti-discount"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-discount" class="ti-discount"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-discount" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102eb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-discount-2" class="ti-discount-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-discount-2" class="ti-discount-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-discount-2" class="ti-discount-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-discount-2" class="ti-discount-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-discount-2" class="ti-discount-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-discount-2" class="ti-discount-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-discount-2" class="ti-discount-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-discount-2" class="ti-discount-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-discount-2" class="ti-discount-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-discount-2" class="ti-discount-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-discount-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102ec;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-divide" class="ti-divide"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-divide" class="ti-divide"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-divide" class="ti-divide"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-divide" class="ti-divide"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-divide" class="ti-divide"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-divide" class="ti-divide"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-divide" class="ti-divide"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-divide" class="ti-divide"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-divide" class="ti-divide"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-divide" class="ti-divide"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-divide" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102ed;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-dna" class="ti-dna"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-dna" class="ti-dna"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-dna" class="ti-dna"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-dna" class="ti-dna"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-dna" class="ti-dna"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-dna" class="ti-dna"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-dna" class="ti-dna"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-dna" class="ti-dna"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-dna" class="ti-dna"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-dna" class="ti-dna"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-dna" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102ee;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-dots" class="ti-dots"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-dots" class="ti-dots"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-dots" class="ti-dots"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-dots" class="ti-dots"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-dots" class="ti-dots"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-dots" class="ti-dots"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-dots" class="ti-dots"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-dots" class="ti-dots"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-dots" class="ti-dots"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-dots" class="ti-dots"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-dots" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102ef;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-dots-circle-horizontal" class="ti-dots-circle-horizontal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-dots-circle-horizontal" class="ti-dots-circle-horizontal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-dots-circle-horizontal" class="ti-dots-circle-horizontal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-dots-circle-horizontal" class="ti-dots-circle-horizontal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-dots-circle-horizontal" class="ti-dots-circle-horizontal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-dots-circle-horizontal" class="ti-dots-circle-horizontal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-dots-circle-horizontal" class="ti-dots-circle-horizontal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-dots-circle-horizontal" class="ti-dots-circle-horizontal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-dots-circle-horizontal" class="ti-dots-circle-horizontal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-dots-circle-horizontal" class="ti-dots-circle-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-dots-circle-horizontal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102f0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-dots-diagonal" class="ti-dots-diagonal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-dots-diagonal" class="ti-dots-diagonal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-dots-diagonal" class="ti-dots-diagonal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-dots-diagonal" class="ti-dots-diagonal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-dots-diagonal" class="ti-dots-diagonal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-dots-diagonal" class="ti-dots-diagonal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-dots-diagonal" class="ti-dots-diagonal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-dots-diagonal" class="ti-dots-diagonal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-dots-diagonal" class="ti-dots-diagonal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-dots-diagonal" class="ti-dots-diagonal"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-dots-diagonal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102f1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-dots-diagonal-2" class="ti-dots-diagonal-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-dots-diagonal-2" class="ti-dots-diagonal-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-dots-diagonal-2" class="ti-dots-diagonal-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-dots-diagonal-2" class="ti-dots-diagonal-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-dots-diagonal-2" class="ti-dots-diagonal-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-dots-diagonal-2" class="ti-dots-diagonal-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-dots-diagonal-2" class="ti-dots-diagonal-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-dots-diagonal-2" class="ti-dots-diagonal-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-dots-diagonal-2" class="ti-dots-diagonal-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-dots-diagonal-2" class="ti-dots-diagonal-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-dots-diagonal-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102f2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-dots-vertical" class="ti-dots-vertical"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-dots-vertical" class="ti-dots-vertical"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-dots-vertical" class="ti-dots-vertical"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-dots-vertical" class="ti-dots-vertical"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-dots-vertical" class="ti-dots-vertical"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-dots-vertical" class="ti-dots-vertical"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-dots-vertical" class="ti-dots-vertical"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-dots-vertical" class="ti-dots-vertical"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-dots-vertical" class="ti-dots-vertical"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-dots-vertical" class="ti-dots-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-dots-vertical" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102f3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-download" class="ti-download"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-download" class="ti-download"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-download" class="ti-download"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-download" class="ti-download"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-download" class="ti-download"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-download" class="ti-download"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-download" class="ti-download"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-download" class="ti-download"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-download" class="ti-download"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-download" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-download" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102f4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-drag-drop" class="ti-drag-drop"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-drag-drop" class="ti-drag-drop"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-drag-drop" class="ti-drag-drop"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-drag-drop" class="ti-drag-drop"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-drag-drop" class="ti-drag-drop"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-drag-drop" class="ti-drag-drop"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-drag-drop" class="ti-drag-drop"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-drag-drop" class="ti-drag-drop"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-drag-drop" class="ti-drag-drop"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-drag-drop" class="ti-drag-drop"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-drag-drop" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102f5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-drag-drop-2" class="ti-drag-drop-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-drag-drop-2" class="ti-drag-drop-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-drag-drop-2" class="ti-drag-drop-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-drag-drop-2" class="ti-drag-drop-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-drag-drop-2" class="ti-drag-drop-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-drag-drop-2" class="ti-drag-drop-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-drag-drop-2" class="ti-drag-drop-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-drag-drop-2" class="ti-drag-drop-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-drag-drop-2" class="ti-drag-drop-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-drag-drop-2" class="ti-drag-drop-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-drag-drop-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102f6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-drone" class="ti-drone"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-drone" class="ti-drone"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-drone" class="ti-drone"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-drone" class="ti-drone"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-drone" class="ti-drone"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-drone" class="ti-drone"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-drone" class="ti-drone"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-drone" class="ti-drone"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-drone" class="ti-drone"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-drone" class="ti-drone"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-drone" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102f7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-drone-off" class="ti-drone-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-drone-off" class="ti-drone-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-drone-off" class="ti-drone-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-drone-off" class="ti-drone-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-drone-off" class="ti-drone-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-drone-off" class="ti-drone-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-drone-off" class="ti-drone-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-drone-off" class="ti-drone-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-drone-off" class="ti-drone-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-drone-off" class="ti-drone-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-drone-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102f8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-droplet" class="ti-droplet"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-droplet" class="ti-droplet"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-droplet" class="ti-droplet"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-droplet" class="ti-droplet"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-droplet" class="ti-droplet"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-droplet" class="ti-droplet"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-droplet" class="ti-droplet"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-droplet" class="ti-droplet"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-droplet" class="ti-droplet"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-droplet" class="ti-droplet"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-droplet" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102f9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-droplet-filled" class="ti-droplet-filled"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-droplet-filled" class="ti-droplet-filled"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-droplet-filled" class="ti-droplet-filled"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-droplet-filled" class="ti-droplet-filled"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-droplet-filled" class="ti-droplet-filled"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-droplet-filled" class="ti-droplet-filled"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-droplet-filled" class="ti-droplet-filled"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-droplet-filled" class="ti-droplet-filled"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-droplet-filled" class="ti-droplet-filled"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-droplet-filled" class="ti-droplet-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-droplet-filled" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102fa;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-droplet-filled-2" class="ti-droplet-filled-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-droplet-filled-2" class="ti-droplet-filled-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-droplet-filled-2" class="ti-droplet-filled-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-droplet-filled-2" class="ti-droplet-filled-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-droplet-filled-2" class="ti-droplet-filled-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-droplet-filled-2" class="ti-droplet-filled-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-droplet-filled-2" class="ti-droplet-filled-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-droplet-filled-2" class="ti-droplet-filled-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-droplet-filled-2" class="ti-droplet-filled-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-droplet-filled-2" class="ti-droplet-filled-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-droplet-filled-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102fb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-droplet-half" class="ti-droplet-half"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-droplet-half" class="ti-droplet-half"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-droplet-half" class="ti-droplet-half"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-droplet-half" class="ti-droplet-half"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-droplet-half" class="ti-droplet-half"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-droplet-half" class="ti-droplet-half"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-droplet-half" class="ti-droplet-half"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-droplet-half" class="ti-droplet-half"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-droplet-half" class="ti-droplet-half"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-droplet-half" class="ti-droplet-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-droplet-half" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102fc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-droplet-half-2" class="ti-droplet-half-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-droplet-half-2" class="ti-droplet-half-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-droplet-half-2" class="ti-droplet-half-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-droplet-half-2" class="ti-droplet-half-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-droplet-half-2" class="ti-droplet-half-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-droplet-half-2" class="ti-droplet-half-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-droplet-half-2" class="ti-droplet-half-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-droplet-half-2" class="ti-droplet-half-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-droplet-half-2" class="ti-droplet-half-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-droplet-half-2" class="ti-droplet-half-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-droplet-half-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102fd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-droplet-off" class="ti-droplet-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-droplet-off" class="ti-droplet-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-droplet-off" class="ti-droplet-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-droplet-off" class="ti-droplet-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-droplet-off" class="ti-droplet-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-droplet-off" class="ti-droplet-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-droplet-off" class="ti-droplet-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-droplet-off" class="ti-droplet-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-droplet-off" class="ti-droplet-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-droplet-off" class="ti-droplet-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-droplet-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102fe;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ear" class="ti-ear"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ear" class="ti-ear"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ear" class="ti-ear"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ear" class="ti-ear"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ear" class="ti-ear"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ear" class="ti-ear"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ear" class="ti-ear"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ear" class="ti-ear"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ear" class="ti-ear"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ear" class="ti-ear"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ear" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x102ff;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ear-off" class="ti-ear-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ear-off" class="ti-ear-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ear-off" class="ti-ear-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ear-off" class="ti-ear-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ear-off" class="ti-ear-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ear-off" class="ti-ear-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ear-off" class="ti-ear-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ear-off" class="ti-ear-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ear-off" class="ti-ear-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ear-off" class="ti-ear-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ear-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10300;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-edit" class="ti-edit"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-edit" class="ti-edit"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-edit" class="ti-edit"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-edit" class="ti-edit"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-edit" class="ti-edit"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-edit" class="ti-edit"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-edit" class="ti-edit"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-edit" class="ti-edit"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-edit" class="ti-edit"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-edit" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-edit" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10301;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-edit-circle" class="ti-edit-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-edit-circle" class="ti-edit-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-edit-circle" class="ti-edit-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-edit-circle" class="ti-edit-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-edit-circle" class="ti-edit-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-edit-circle" class="ti-edit-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-edit-circle" class="ti-edit-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-edit-circle" class="ti-edit-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-edit-circle" class="ti-edit-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-edit-circle" class="ti-edit-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-edit-circle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10302;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-egg" class="ti-egg"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-egg" class="ti-egg"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-egg" class="ti-egg"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-egg" class="ti-egg"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-egg" class="ti-egg"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-egg" class="ti-egg"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-egg" class="ti-egg"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-egg" class="ti-egg"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-egg" class="ti-egg"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-egg" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-egg" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10303;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-emphasis" class="ti-emphasis"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-emphasis" class="ti-emphasis"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-emphasis" class="ti-emphasis"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-emphasis" class="ti-emphasis"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-emphasis" class="ti-emphasis"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-emphasis" class="ti-emphasis"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-emphasis" class="ti-emphasis"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-emphasis" class="ti-emphasis"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-emphasis" class="ti-emphasis"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-emphasis" class="ti-emphasis"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-emphasis" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10304;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-equal" class="ti-equal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-equal" class="ti-equal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-equal" class="ti-equal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-equal" class="ti-equal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-equal" class="ti-equal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-equal" class="ti-equal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-equal" class="ti-equal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-equal" class="ti-equal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-equal" class="ti-equal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-equal" class="ti-equal"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-equal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10305;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-equal-not" class="ti-equal-not"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-equal-not" class="ti-equal-not"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-equal-not" class="ti-equal-not"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-equal-not" class="ti-equal-not"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-equal-not" class="ti-equal-not"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-equal-not" class="ti-equal-not"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-equal-not" class="ti-equal-not"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-equal-not" class="ti-equal-not"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-equal-not" class="ti-equal-not"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-equal-not" class="ti-equal-not"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-equal-not" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10306;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-eraser" class="ti-eraser"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-eraser" class="ti-eraser"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-eraser" class="ti-eraser"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-eraser" class="ti-eraser"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-eraser" class="ti-eraser"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-eraser" class="ti-eraser"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-eraser" class="ti-eraser"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-eraser" class="ti-eraser"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-eraser" class="ti-eraser"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-eraser" class="ti-eraser"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-eraser" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10307;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-exchange" class="ti-exchange"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-exchange" class="ti-exchange"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-exchange" class="ti-exchange"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-exchange" class="ti-exchange"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-exchange" class="ti-exchange"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-exchange" class="ti-exchange"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-exchange" class="ti-exchange"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-exchange" class="ti-exchange"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-exchange" class="ti-exchange"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-exchange" class="ti-exchange"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-exchange" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10308;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-exposure" class="ti-exposure"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-exposure" class="ti-exposure"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-exposure" class="ti-exposure"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-exposure" class="ti-exposure"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-exposure" class="ti-exposure"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-exposure" class="ti-exposure"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-exposure" class="ti-exposure"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-exposure" class="ti-exposure"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-exposure" class="ti-exposure"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-exposure" class="ti-exposure"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-exposure" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10309;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-external-link" class="ti-external-link"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-external-link" class="ti-external-link"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-external-link" class="ti-external-link"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-external-link" class="ti-external-link"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-external-link" class="ti-external-link"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-external-link" class="ti-external-link"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-external-link" class="ti-external-link"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-external-link" class="ti-external-link"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-external-link" class="ti-external-link"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-external-link" class="ti-external-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-external-link" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1030a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-eye" class="ti-eye"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-eye" class="ti-eye"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-eye" class="ti-eye"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-eye" class="ti-eye"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-eye" class="ti-eye"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-eye" class="ti-eye"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-eye" class="ti-eye"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-eye" class="ti-eye"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-eye" class="ti-eye"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-eye" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-eye" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1030b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-eye-check" class="ti-eye-check"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-eye-check" class="ti-eye-check"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-eye-check" class="ti-eye-check"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-eye-check" class="ti-eye-check"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-eye-check" class="ti-eye-check"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-eye-check" class="ti-eye-check"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-eye-check" class="ti-eye-check"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-eye-check" class="ti-eye-check"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-eye-check" class="ti-eye-check"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-eye-check" class="ti-eye-check"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-eye-check" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1030c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-eye-off" class="ti-eye-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-eye-off" class="ti-eye-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-eye-off" class="ti-eye-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-eye-off" class="ti-eye-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-eye-off" class="ti-eye-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-eye-off" class="ti-eye-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-eye-off" class="ti-eye-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-eye-off" class="ti-eye-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-eye-off" class="ti-eye-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-eye-off" class="ti-eye-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-eye-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1030d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-eyeglass" class="ti-eyeglass"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-eyeglass" class="ti-eyeglass"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-eyeglass" class="ti-eyeglass"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-eyeglass" class="ti-eyeglass"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-eyeglass" class="ti-eyeglass"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-eyeglass" class="ti-eyeglass"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-eyeglass" class="ti-eyeglass"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-eyeglass" class="ti-eyeglass"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-eyeglass" class="ti-eyeglass"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-eyeglass" class="ti-eyeglass"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-eyeglass" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1030e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-eyeglass-2" class="ti-eyeglass-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-eyeglass-2" class="ti-eyeglass-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-eyeglass-2" class="ti-eyeglass-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-eyeglass-2" class="ti-eyeglass-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-eyeglass-2" class="ti-eyeglass-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-eyeglass-2" class="ti-eyeglass-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-eyeglass-2" class="ti-eyeglass-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-eyeglass-2" class="ti-eyeglass-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-eyeglass-2" class="ti-eyeglass-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-eyeglass-2" class="ti-eyeglass-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-eyeglass-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1030f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-face-id" class="ti-face-id"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-face-id" class="ti-face-id"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-face-id" class="ti-face-id"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-face-id" class="ti-face-id"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-face-id" class="ti-face-id"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-face-id" class="ti-face-id"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-face-id" class="ti-face-id"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-face-id" class="ti-face-id"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-face-id" class="ti-face-id"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-face-id" class="ti-face-id"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-face-id" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10310;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-fall" class="ti-fall"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-fall" class="ti-fall"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-fall" class="ti-fall"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-fall" class="ti-fall"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-fall" class="ti-fall"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-fall" class="ti-fall"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-fall" class="ti-fall"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-fall" class="ti-fall"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-fall" class="ti-fall"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-fall" class="ti-fall"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-fall" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10311;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-feather" class="ti-feather"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-feather" class="ti-feather"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-feather" class="ti-feather"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-feather" class="ti-feather"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-feather" class="ti-feather"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-feather" class="ti-feather"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-feather" class="ti-feather"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-feather" class="ti-feather"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-feather" class="ti-feather"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-feather" class="ti-feather"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-feather" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10312;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file" class="ti-file"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file" class="ti-file"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file" class="ti-file"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file" class="ti-file"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file" class="ti-file"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file" class="ti-file"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file" class="ti-file"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file" class="ti-file"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file" class="ti-file"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file" class="ti-file"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10313;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-alert" class="ti-file-alert"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-alert" class="ti-file-alert"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-alert" class="ti-file-alert"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-alert" class="ti-file-alert"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-alert" class="ti-file-alert"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-alert" class="ti-file-alert"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-alert" class="ti-file-alert"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-alert" class="ti-file-alert"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-alert" class="ti-file-alert"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-alert" class="ti-file-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-alert" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10314;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-analytics" class="ti-file-analytics"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-analytics" class="ti-file-analytics"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-analytics" class="ti-file-analytics"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-analytics" class="ti-file-analytics"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-analytics" class="ti-file-analytics"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-analytics" class="ti-file-analytics"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-analytics" class="ti-file-analytics"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-analytics" class="ti-file-analytics"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-analytics" class="ti-file-analytics"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-analytics" class="ti-file-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-analytics" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10315;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-certificate" class="ti-file-certificate"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-certificate" class="ti-file-certificate"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-certificate" class="ti-file-certificate"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-certificate" class="ti-file-certificate"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-certificate" class="ti-file-certificate"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-certificate" class="ti-file-certificate"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-certificate" class="ti-file-certificate"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-certificate" class="ti-file-certificate"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-certificate" class="ti-file-certificate"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-certificate" class="ti-file-certificate"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-certificate" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10316;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-check" class="ti-file-check"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-check" class="ti-file-check"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-check" class="ti-file-check"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-check" class="ti-file-check"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-check" class="ti-file-check"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-check" class="ti-file-check"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-check" class="ti-file-check"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-check" class="ti-file-check"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-check" class="ti-file-check"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-check" class="ti-file-check"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-check" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10317;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-code" class="ti-file-code"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-code" class="ti-file-code"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-code" class="ti-file-code"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-code" class="ti-file-code"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-code" class="ti-file-code"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-code" class="ti-file-code"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-code" class="ti-file-code"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-code" class="ti-file-code"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-code" class="ti-file-code"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-code" class="ti-file-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-code" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10318;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-code-2" class="ti-file-code-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-code-2" class="ti-file-code-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-code-2" class="ti-file-code-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-code-2" class="ti-file-code-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-code-2" class="ti-file-code-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-code-2" class="ti-file-code-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-code-2" class="ti-file-code-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-code-2" class="ti-file-code-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-code-2" class="ti-file-code-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-code-2" class="ti-file-code-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-code-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10319;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-diff" class="ti-file-diff"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-diff" class="ti-file-diff"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-diff" class="ti-file-diff"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-diff" class="ti-file-diff"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-diff" class="ti-file-diff"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-diff" class="ti-file-diff"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-diff" class="ti-file-diff"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-diff" class="ti-file-diff"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-diff" class="ti-file-diff"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-diff" class="ti-file-diff"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-diff" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1031a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-dislike" class="ti-file-dislike"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-dislike" class="ti-file-dislike"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-dislike" class="ti-file-dislike"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-dislike" class="ti-file-dislike"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-dislike" class="ti-file-dislike"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-dislike" class="ti-file-dislike"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-dislike" class="ti-file-dislike"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-dislike" class="ti-file-dislike"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-dislike" class="ti-file-dislike"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-dislike" class="ti-file-dislike"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-dislike" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1031b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-download" class="ti-file-download"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-download" class="ti-file-download"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-download" class="ti-file-download"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-download" class="ti-file-download"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-download" class="ti-file-download"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-download" class="ti-file-download"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-download" class="ti-file-download"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-download" class="ti-file-download"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-download" class="ti-file-download"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-download" class="ti-file-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-download" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1031c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-export" class="ti-file-export"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-export" class="ti-file-export"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-export" class="ti-file-export"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-export" class="ti-file-export"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-export" class="ti-file-export"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-export" class="ti-file-export"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-export" class="ti-file-export"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-export" class="ti-file-export"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-export" class="ti-file-export"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-export" class="ti-file-export"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-export" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1031d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-horizontal" class="ti-file-horizontal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-horizontal" class="ti-file-horizontal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-horizontal" class="ti-file-horizontal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-horizontal" class="ti-file-horizontal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-horizontal" class="ti-file-horizontal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-horizontal" class="ti-file-horizontal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-horizontal" class="ti-file-horizontal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-horizontal" class="ti-file-horizontal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-horizontal" class="ti-file-horizontal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-horizontal" class="ti-file-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-horizontal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1031e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-import" class="ti-file-import"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-import" class="ti-file-import"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-import" class="ti-file-import"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-import" class="ti-file-import"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-import" class="ti-file-import"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-import" class="ti-file-import"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-import" class="ti-file-import"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-import" class="ti-file-import"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-import" class="ti-file-import"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-import" class="ti-file-import"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-import" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1031f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-info" class="ti-file-info"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-info" class="ti-file-info"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-info" class="ti-file-info"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-info" class="ti-file-info"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-info" class="ti-file-info"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-info" class="ti-file-info"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-info" class="ti-file-info"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-info" class="ti-file-info"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-info" class="ti-file-info"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-info" class="ti-file-info"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-info" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10320;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-invoice" class="ti-file-invoice"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-invoice" class="ti-file-invoice"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-invoice" class="ti-file-invoice"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-invoice" class="ti-file-invoice"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-invoice" class="ti-file-invoice"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-invoice" class="ti-file-invoice"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-invoice" class="ti-file-invoice"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-invoice" class="ti-file-invoice"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-invoice" class="ti-file-invoice"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-invoice" class="ti-file-invoice"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-invoice" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10321;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-like" class="ti-file-like"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-like" class="ti-file-like"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-like" class="ti-file-like"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-like" class="ti-file-like"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-like" class="ti-file-like"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-like" class="ti-file-like"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-like" class="ti-file-like"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-like" class="ti-file-like"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-like" class="ti-file-like"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-like" class="ti-file-like"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-like" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10322;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-minus" class="ti-file-minus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-minus" class="ti-file-minus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-minus" class="ti-file-minus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-minus" class="ti-file-minus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-minus" class="ti-file-minus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-minus" class="ti-file-minus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-minus" class="ti-file-minus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-minus" class="ti-file-minus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-minus" class="ti-file-minus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-minus" class="ti-file-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-minus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10323;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-music" class="ti-file-music"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-music" class="ti-file-music"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-music" class="ti-file-music"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-music" class="ti-file-music"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-music" class="ti-file-music"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-music" class="ti-file-music"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-music" class="ti-file-music"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-music" class="ti-file-music"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-music" class="ti-file-music"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-music" class="ti-file-music"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-music" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10324;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-off" class="ti-file-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-off" class="ti-file-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-off" class="ti-file-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-off" class="ti-file-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-off" class="ti-file-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-off" class="ti-file-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-off" class="ti-file-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-off" class="ti-file-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-off" class="ti-file-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-off" class="ti-file-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10325;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-phone" class="ti-file-phone"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-phone" class="ti-file-phone"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-phone" class="ti-file-phone"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-phone" class="ti-file-phone"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-phone" class="ti-file-phone"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-phone" class="ti-file-phone"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-phone" class="ti-file-phone"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-phone" class="ti-file-phone"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-phone" class="ti-file-phone"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-phone" class="ti-file-phone"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-phone" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10326;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-plus" class="ti-file-plus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-plus" class="ti-file-plus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-plus" class="ti-file-plus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-plus" class="ti-file-plus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-plus" class="ti-file-plus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-plus" class="ti-file-plus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-plus" class="ti-file-plus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-plus" class="ti-file-plus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-plus" class="ti-file-plus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-plus" class="ti-file-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-plus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10327;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-report" class="ti-file-report"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-report" class="ti-file-report"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-report" class="ti-file-report"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-report" class="ti-file-report"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-report" class="ti-file-report"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-report" class="ti-file-report"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-report" class="ti-file-report"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-report" class="ti-file-report"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-report" class="ti-file-report"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-report" class="ti-file-report"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-report" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10328;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-search" class="ti-file-search"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-search" class="ti-file-search"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-search" class="ti-file-search"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-search" class="ti-file-search"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-search" class="ti-file-search"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-search" class="ti-file-search"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-search" class="ti-file-search"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-search" class="ti-file-search"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-search" class="ti-file-search"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-search" class="ti-file-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-search" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10329;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-shredder" class="ti-file-shredder"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-shredder" class="ti-file-shredder"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-shredder" class="ti-file-shredder"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-shredder" class="ti-file-shredder"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-shredder" class="ti-file-shredder"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-shredder" class="ti-file-shredder"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-shredder" class="ti-file-shredder"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-shredder" class="ti-file-shredder"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-shredder" class="ti-file-shredder"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-shredder" class="ti-file-shredder"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-shredder" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1032a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-symlink" class="ti-file-symlink"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-symlink" class="ti-file-symlink"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-symlink" class="ti-file-symlink"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-symlink" class="ti-file-symlink"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-symlink" class="ti-file-symlink"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-symlink" class="ti-file-symlink"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-symlink" class="ti-file-symlink"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-symlink" class="ti-file-symlink"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-symlink" class="ti-file-symlink"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-symlink" class="ti-file-symlink"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-symlink" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1032b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-text" class="ti-file-text"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-text" class="ti-file-text"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-text" class="ti-file-text"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-text" class="ti-file-text"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-text" class="ti-file-text"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-text" class="ti-file-text"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-text" class="ti-file-text"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-text" class="ti-file-text"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-text" class="ti-file-text"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-text" class="ti-file-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-text" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1032c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-upload" class="ti-file-upload"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-upload" class="ti-file-upload"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-upload" class="ti-file-upload"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-upload" class="ti-file-upload"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-upload" class="ti-file-upload"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-upload" class="ti-file-upload"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-upload" class="ti-file-upload"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-upload" class="ti-file-upload"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-upload" class="ti-file-upload"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-upload" class="ti-file-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-upload" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1032d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-x" class="ti-file-x"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-x" class="ti-file-x"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-x" class="ti-file-x"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-x" class="ti-file-x"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-x" class="ti-file-x"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-x" class="ti-file-x"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-x" class="ti-file-x"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-x" class="ti-file-x"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-x" class="ti-file-x"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-x" class="ti-file-x"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-x" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1032e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-file-zip" class="ti-file-zip"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-file-zip" class="ti-file-zip"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-file-zip" class="ti-file-zip"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-file-zip" class="ti-file-zip"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-file-zip" class="ti-file-zip"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-file-zip" class="ti-file-zip"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-file-zip" class="ti-file-zip"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-file-zip" class="ti-file-zip"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-file-zip" class="ti-file-zip"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-file-zip" class="ti-file-zip"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-file-zip" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1032f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-files" class="ti-files"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-files" class="ti-files"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-files" class="ti-files"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-files" class="ti-files"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-files" class="ti-files"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-files" class="ti-files"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-files" class="ti-files"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-files" class="ti-files"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-files" class="ti-files"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-files" class="ti-files"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-files" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10330;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-files-off" class="ti-files-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-files-off" class="ti-files-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-files-off" class="ti-files-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-files-off" class="ti-files-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-files-off" class="ti-files-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-files-off" class="ti-files-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-files-off" class="ti-files-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-files-off" class="ti-files-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-files-off" class="ti-files-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-files-off" class="ti-files-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-files-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10331;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-filter" class="ti-filter"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-filter" class="ti-filter"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-filter" class="ti-filter"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-filter" class="ti-filter"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-filter" class="ti-filter"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-filter" class="ti-filter"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-filter" class="ti-filter"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-filter" class="ti-filter"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-filter" class="ti-filter"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-filter" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-filter" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10332;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-filter-off" class="ti-filter-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-filter-off" class="ti-filter-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-filter-off" class="ti-filter-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-filter-off" class="ti-filter-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-filter-off" class="ti-filter-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-filter-off" class="ti-filter-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-filter-off" class="ti-filter-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-filter-off" class="ti-filter-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-filter-off" class="ti-filter-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-filter-off" class="ti-filter-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-filter-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10333;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-fingerprint" class="ti-fingerprint"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-fingerprint" class="ti-fingerprint"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-fingerprint" class="ti-fingerprint"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-fingerprint" class="ti-fingerprint"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-fingerprint" class="ti-fingerprint"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-fingerprint" class="ti-fingerprint"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-fingerprint" class="ti-fingerprint"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-fingerprint" class="ti-fingerprint"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-fingerprint" class="ti-fingerprint"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-fingerprint" class="ti-fingerprint"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-fingerprint" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10334;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-firetruck" class="ti-firetruck"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-firetruck" class="ti-firetruck"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-firetruck" class="ti-firetruck"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-firetruck" class="ti-firetruck"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-firetruck" class="ti-firetruck"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-firetruck" class="ti-firetruck"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-firetruck" class="ti-firetruck"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-firetruck" class="ti-firetruck"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-firetruck" class="ti-firetruck"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-firetruck" class="ti-firetruck"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-firetruck" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10335;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-flag" class="ti-flag"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-flag" class="ti-flag"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-flag" class="ti-flag"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-flag" class="ti-flag"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-flag" class="ti-flag"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-flag" class="ti-flag"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-flag" class="ti-flag"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-flag" class="ti-flag"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-flag" class="ti-flag"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-flag" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-flag" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10336;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-flag-2" class="ti-flag-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-flag-2" class="ti-flag-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-flag-2" class="ti-flag-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-flag-2" class="ti-flag-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-flag-2" class="ti-flag-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-flag-2" class="ti-flag-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-flag-2" class="ti-flag-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-flag-2" class="ti-flag-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-flag-2" class="ti-flag-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-flag-2" class="ti-flag-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-flag-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10337;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-flag-3" class="ti-flag-3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-flag-3" class="ti-flag-3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-flag-3" class="ti-flag-3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-flag-3" class="ti-flag-3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-flag-3" class="ti-flag-3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-flag-3" class="ti-flag-3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-flag-3" class="ti-flag-3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-flag-3" class="ti-flag-3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-flag-3" class="ti-flag-3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-flag-3" class="ti-flag-3"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-flag-3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10338;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-flame" class="ti-flame"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-flame" class="ti-flame"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-flame" class="ti-flame"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-flame" class="ti-flame"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-flame" class="ti-flame"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-flame" class="ti-flame"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-flame" class="ti-flame"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-flame" class="ti-flame"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-flame" class="ti-flame"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-flame" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-flame" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10339;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-flare" class="ti-flare"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-flare" class="ti-flare"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-flare" class="ti-flare"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-flare" class="ti-flare"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-flare" class="ti-flare"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-flare" class="ti-flare"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-flare" class="ti-flare"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-flare" class="ti-flare"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-flare" class="ti-flare"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-flare" class="ti-flare"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-flare" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1033a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-flask" class="ti-flask"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-flask" class="ti-flask"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-flask" class="ti-flask"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-flask" class="ti-flask"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-flask" class="ti-flask"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-flask" class="ti-flask"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-flask" class="ti-flask"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-flask" class="ti-flask"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-flask" class="ti-flask"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-flask" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-flask" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1033b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-flip-horizontal" class="ti-flip-horizontal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-flip-horizontal" class="ti-flip-horizontal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-flip-horizontal" class="ti-flip-horizontal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-flip-horizontal" class="ti-flip-horizontal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-flip-horizontal" class="ti-flip-horizontal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-flip-horizontal" class="ti-flip-horizontal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-flip-horizontal" class="ti-flip-horizontal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-flip-horizontal" class="ti-flip-horizontal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-flip-horizontal" class="ti-flip-horizontal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-flip-horizontal" class="ti-flip-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-flip-horizontal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1033c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-flip-vertical" class="ti-flip-vertical"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-flip-vertical" class="ti-flip-vertical"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-flip-vertical" class="ti-flip-vertical"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-flip-vertical" class="ti-flip-vertical"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-flip-vertical" class="ti-flip-vertical"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-flip-vertical" class="ti-flip-vertical"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-flip-vertical" class="ti-flip-vertical"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-flip-vertical" class="ti-flip-vertical"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-flip-vertical" class="ti-flip-vertical"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-flip-vertical" class="ti-flip-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-flip-vertical" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1033d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-float-center" class="ti-float-center"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-float-center" class="ti-float-center"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-float-center" class="ti-float-center"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-float-center" class="ti-float-center"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-float-center" class="ti-float-center"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-float-center" class="ti-float-center"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-float-center" class="ti-float-center"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-float-center" class="ti-float-center"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-float-center" class="ti-float-center"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-float-center" class="ti-float-center"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-float-center" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1033e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-float-left" class="ti-float-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-float-left" class="ti-float-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-float-left" class="ti-float-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-float-left" class="ti-float-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-float-left" class="ti-float-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-float-left" class="ti-float-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-float-left" class="ti-float-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-float-left" class="ti-float-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-float-left" class="ti-float-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-float-left" class="ti-float-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-float-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1033f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-float-none" class="ti-float-none"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-float-none" class="ti-float-none"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-float-none" class="ti-float-none"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-float-none" class="ti-float-none"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-float-none" class="ti-float-none"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-float-none" class="ti-float-none"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-float-none" class="ti-float-none"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-float-none" class="ti-float-none"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-float-none" class="ti-float-none"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-float-none" class="ti-float-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-float-none" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10340;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-float-right" class="ti-float-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-float-right" class="ti-float-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-float-right" class="ti-float-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-float-right" class="ti-float-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-float-right" class="ti-float-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-float-right" class="ti-float-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-float-right" class="ti-float-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-float-right" class="ti-float-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-float-right" class="ti-float-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-float-right" class="ti-float-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-float-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10341;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-focus" class="ti-focus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-focus" class="ti-focus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-focus" class="ti-focus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-focus" class="ti-focus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-focus" class="ti-focus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-focus" class="ti-focus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-focus" class="ti-focus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-focus" class="ti-focus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-focus" class="ti-focus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-focus" class="ti-focus"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-focus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10342;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-focus-2" class="ti-focus-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-focus-2" class="ti-focus-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-focus-2" class="ti-focus-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-focus-2" class="ti-focus-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-focus-2" class="ti-focus-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-focus-2" class="ti-focus-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-focus-2" class="ti-focus-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-focus-2" class="ti-focus-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-focus-2" class="ti-focus-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-focus-2" class="ti-focus-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-focus-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10343;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-fold" class="ti-fold"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-fold" class="ti-fold"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-fold" class="ti-fold"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-fold" class="ti-fold"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-fold" class="ti-fold"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-fold" class="ti-fold"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-fold" class="ti-fold"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-fold" class="ti-fold"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-fold" class="ti-fold"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-fold" class="ti-fold"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-fold" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10344;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-fold-down" class="ti-fold-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-fold-down" class="ti-fold-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-fold-down" class="ti-fold-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-fold-down" class="ti-fold-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-fold-down" class="ti-fold-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-fold-down" class="ti-fold-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-fold-down" class="ti-fold-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-fold-down" class="ti-fold-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-fold-down" class="ti-fold-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-fold-down" class="ti-fold-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-fold-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10345;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-fold-up" class="ti-fold-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-fold-up" class="ti-fold-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-fold-up" class="ti-fold-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-fold-up" class="ti-fold-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-fold-up" class="ti-fold-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-fold-up" class="ti-fold-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-fold-up" class="ti-fold-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-fold-up" class="ti-fold-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-fold-up" class="ti-fold-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-fold-up" class="ti-fold-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-fold-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10346;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-folder" class="ti-folder"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-folder" class="ti-folder"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-folder" class="ti-folder"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-folder" class="ti-folder"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-folder" class="ti-folder"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-folder" class="ti-folder"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-folder" class="ti-folder"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-folder" class="ti-folder"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-folder" class="ti-folder"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-folder" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-folder" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10347;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-folder-minus" class="ti-folder-minus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-folder-minus" class="ti-folder-minus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-folder-minus" class="ti-folder-minus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-folder-minus" class="ti-folder-minus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-folder-minus" class="ti-folder-minus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-folder-minus" class="ti-folder-minus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-folder-minus" class="ti-folder-minus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-folder-minus" class="ti-folder-minus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-folder-minus" class="ti-folder-minus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-folder-minus" class="ti-folder-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-folder-minus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10348;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-folder-off" class="ti-folder-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-folder-off" class="ti-folder-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-folder-off" class="ti-folder-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-folder-off" class="ti-folder-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-folder-off" class="ti-folder-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-folder-off" class="ti-folder-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-folder-off" class="ti-folder-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-folder-off" class="ti-folder-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-folder-off" class="ti-folder-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-folder-off" class="ti-folder-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-folder-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10349;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-folder-plus" class="ti-folder-plus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-folder-plus" class="ti-folder-plus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-folder-plus" class="ti-folder-plus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-folder-plus" class="ti-folder-plus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-folder-plus" class="ti-folder-plus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-folder-plus" class="ti-folder-plus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-folder-plus" class="ti-folder-plus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-folder-plus" class="ti-folder-plus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-folder-plus" class="ti-folder-plus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-folder-plus" class="ti-folder-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-folder-plus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1034a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-folder-x" class="ti-folder-x"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-folder-x" class="ti-folder-x"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-folder-x" class="ti-folder-x"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-folder-x" class="ti-folder-x"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-folder-x" class="ti-folder-x"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-folder-x" class="ti-folder-x"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-folder-x" class="ti-folder-x"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-folder-x" class="ti-folder-x"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-folder-x" class="ti-folder-x"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-folder-x" class="ti-folder-x"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-folder-x" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1034b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-folders" class="ti-folders"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-folders" class="ti-folders"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-folders" class="ti-folders"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-folders" class="ti-folders"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-folders" class="ti-folders"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-folders" class="ti-folders"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-folders" class="ti-folders"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-folders" class="ti-folders"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-folders" class="ti-folders"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-folders" class="ti-folders"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-folders" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1034c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-forbid" class="ti-forbid"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-forbid" class="ti-forbid"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-forbid" class="ti-forbid"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-forbid" class="ti-forbid"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-forbid" class="ti-forbid"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-forbid" class="ti-forbid"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-forbid" class="ti-forbid"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-forbid" class="ti-forbid"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-forbid" class="ti-forbid"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-forbid" class="ti-forbid"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-forbid" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1034d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-forbid-2" class="ti-forbid-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-forbid-2" class="ti-forbid-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-forbid-2" class="ti-forbid-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-forbid-2" class="ti-forbid-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-forbid-2" class="ti-forbid-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-forbid-2" class="ti-forbid-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-forbid-2" class="ti-forbid-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-forbid-2" class="ti-forbid-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-forbid-2" class="ti-forbid-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-forbid-2" class="ti-forbid-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-forbid-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1034e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-forklift" class="ti-forklift"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-forklift" class="ti-forklift"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-forklift" class="ti-forklift"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-forklift" class="ti-forklift"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-forklift" class="ti-forklift"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-forklift" class="ti-forklift"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-forklift" class="ti-forklift"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-forklift" class="ti-forklift"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-forklift" class="ti-forklift"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-forklift" class="ti-forklift"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-forklift" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1034f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-forms" class="ti-forms"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-forms" class="ti-forms"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-forms" class="ti-forms"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-forms" class="ti-forms"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-forms" class="ti-forms"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-forms" class="ti-forms"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-forms" class="ti-forms"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-forms" class="ti-forms"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-forms" class="ti-forms"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-forms" class="ti-forms"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-forms" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10350;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-frame" class="ti-frame"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-frame" class="ti-frame"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-frame" class="ti-frame"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-frame" class="ti-frame"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-frame" class="ti-frame"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-frame" class="ti-frame"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-frame" class="ti-frame"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-frame" class="ti-frame"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-frame" class="ti-frame"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-frame" class="ti-frame"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-frame" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10351;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-friends" class="ti-friends"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-friends" class="ti-friends"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-friends" class="ti-friends"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-friends" class="ti-friends"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-friends" class="ti-friends"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-friends" class="ti-friends"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-friends" class="ti-friends"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-friends" class="ti-friends"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-friends" class="ti-friends"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-friends" class="ti-friends"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-friends" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10352;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-gas-station" class="ti-gas-station"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-gas-station" class="ti-gas-station"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-gas-station" class="ti-gas-station"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-gas-station" class="ti-gas-station"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-gas-station" class="ti-gas-station"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-gas-station" class="ti-gas-station"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-gas-station" class="ti-gas-station"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-gas-station" class="ti-gas-station"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-gas-station" class="ti-gas-station"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-gas-station" class="ti-gas-station"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-gas-station" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10353;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-gauge" class="ti-gauge"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-gauge" class="ti-gauge"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-gauge" class="ti-gauge"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-gauge" class="ti-gauge"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-gauge" class="ti-gauge"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-gauge" class="ti-gauge"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-gauge" class="ti-gauge"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-gauge" class="ti-gauge"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-gauge" class="ti-gauge"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-gauge" class="ti-gauge"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-gauge" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10354;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-geometry" class="ti-geometry"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-geometry" class="ti-geometry"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-geometry" class="ti-geometry"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-geometry" class="ti-geometry"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-geometry" class="ti-geometry"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-geometry" class="ti-geometry"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-geometry" class="ti-geometry"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-geometry" class="ti-geometry"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-geometry" class="ti-geometry"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-geometry" class="ti-geometry"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-geometry" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10355;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ghost" class="ti-ghost"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ghost" class="ti-ghost"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ghost" class="ti-ghost"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ghost" class="ti-ghost"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ghost" class="ti-ghost"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ghost" class="ti-ghost"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ghost" class="ti-ghost"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ghost" class="ti-ghost"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ghost" class="ti-ghost"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ghost" class="ti-ghost"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ghost" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10356;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-gift" class="ti-gift"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-gift" class="ti-gift"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-gift" class="ti-gift"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-gift" class="ti-gift"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-gift" class="ti-gift"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-gift" class="ti-gift"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-gift" class="ti-gift"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-gift" class="ti-gift"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-gift" class="ti-gift"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-gift" class="ti-gift"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-gift" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10357;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-git-branch" class="ti-git-branch"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-git-branch" class="ti-git-branch"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-git-branch" class="ti-git-branch"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-git-branch" class="ti-git-branch"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-git-branch" class="ti-git-branch"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-git-branch" class="ti-git-branch"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-git-branch" class="ti-git-branch"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-git-branch" class="ti-git-branch"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-git-branch" class="ti-git-branch"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-git-branch" class="ti-git-branch"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-git-branch" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10358;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-git-commit" class="ti-git-commit"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-git-commit" class="ti-git-commit"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-git-commit" class="ti-git-commit"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-git-commit" class="ti-git-commit"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-git-commit" class="ti-git-commit"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-git-commit" class="ti-git-commit"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-git-commit" class="ti-git-commit"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-git-commit" class="ti-git-commit"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-git-commit" class="ti-git-commit"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-git-commit" class="ti-git-commit"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-git-commit" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10359;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-git-compare" class="ti-git-compare"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-git-compare" class="ti-git-compare"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-git-compare" class="ti-git-compare"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-git-compare" class="ti-git-compare"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-git-compare" class="ti-git-compare"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-git-compare" class="ti-git-compare"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-git-compare" class="ti-git-compare"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-git-compare" class="ti-git-compare"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-git-compare" class="ti-git-compare"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-git-compare" class="ti-git-compare"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-git-compare" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1035a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-git-fork" class="ti-git-fork"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-git-fork" class="ti-git-fork"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-git-fork" class="ti-git-fork"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-git-fork" class="ti-git-fork"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-git-fork" class="ti-git-fork"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-git-fork" class="ti-git-fork"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-git-fork" class="ti-git-fork"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-git-fork" class="ti-git-fork"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-git-fork" class="ti-git-fork"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-git-fork" class="ti-git-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-git-fork" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1035b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-git-merge" class="ti-git-merge"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-git-merge" class="ti-git-merge"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-git-merge" class="ti-git-merge"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-git-merge" class="ti-git-merge"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-git-merge" class="ti-git-merge"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-git-merge" class="ti-git-merge"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-git-merge" class="ti-git-merge"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-git-merge" class="ti-git-merge"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-git-merge" class="ti-git-merge"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-git-merge" class="ti-git-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-git-merge" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1035c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-git-pull-request" class="ti-git-pull-request"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-git-pull-request" class="ti-git-pull-request"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-git-pull-request" class="ti-git-pull-request"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-git-pull-request" class="ti-git-pull-request"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-git-pull-request" class="ti-git-pull-request"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-git-pull-request" class="ti-git-pull-request"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-git-pull-request" class="ti-git-pull-request"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-git-pull-request" class="ti-git-pull-request"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-git-pull-request" class="ti-git-pull-request"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-git-pull-request" class="ti-git-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-git-pull-request" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1035d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-glass" class="ti-glass"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-glass" class="ti-glass"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-glass" class="ti-glass"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-glass" class="ti-glass"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-glass" class="ti-glass"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-glass" class="ti-glass"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-glass" class="ti-glass"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-glass" class="ti-glass"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-glass" class="ti-glass"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-glass" class="ti-glass"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-glass" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1035e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-glass-full" class="ti-glass-full"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-glass-full" class="ti-glass-full"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-glass-full" class="ti-glass-full"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-glass-full" class="ti-glass-full"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-glass-full" class="ti-glass-full"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-glass-full" class="ti-glass-full"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-glass-full" class="ti-glass-full"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-glass-full" class="ti-glass-full"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-glass-full" class="ti-glass-full"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-glass-full" class="ti-glass-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-glass-full" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1035f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-glass-off" class="ti-glass-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-glass-off" class="ti-glass-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-glass-off" class="ti-glass-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-glass-off" class="ti-glass-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-glass-off" class="ti-glass-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-glass-off" class="ti-glass-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-glass-off" class="ti-glass-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-glass-off" class="ti-glass-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-glass-off" class="ti-glass-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-glass-off" class="ti-glass-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-glass-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10360;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-globe" class="ti-globe"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-globe" class="ti-globe"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-globe" class="ti-globe"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-globe" class="ti-globe"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-globe" class="ti-globe"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-globe" class="ti-globe"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-globe" class="ti-globe"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-globe" class="ti-globe"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-globe" class="ti-globe"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-globe" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-globe" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10361;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-golf" class="ti-golf"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-golf" class="ti-golf"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-golf" class="ti-golf"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-golf" class="ti-golf"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-golf" class="ti-golf"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-golf" class="ti-golf"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-golf" class="ti-golf"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-golf" class="ti-golf"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-golf" class="ti-golf"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-golf" class="ti-golf"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-golf" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10362;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-gps" class="ti-gps"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-gps" class="ti-gps"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-gps" class="ti-gps"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-gps" class="ti-gps"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-gps" class="ti-gps"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-gps" class="ti-gps"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-gps" class="ti-gps"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-gps" class="ti-gps"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-gps" class="ti-gps"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-gps" class="ti-gps"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-gps" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10363;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-grain" class="ti-grain"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-grain" class="ti-grain"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-grain" class="ti-grain"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-grain" class="ti-grain"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-grain" class="ti-grain"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-grain" class="ti-grain"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-grain" class="ti-grain"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-grain" class="ti-grain"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-grain" class="ti-grain"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-grain" class="ti-grain"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-grain" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10364;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-grid-dots" class="ti-grid-dots"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-grid-dots" class="ti-grid-dots"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-grid-dots" class="ti-grid-dots"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-grid-dots" class="ti-grid-dots"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-grid-dots" class="ti-grid-dots"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-grid-dots" class="ti-grid-dots"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-grid-dots" class="ti-grid-dots"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-grid-dots" class="ti-grid-dots"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-grid-dots" class="ti-grid-dots"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-grid-dots" class="ti-grid-dots"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-grid-dots" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10365;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-grip-horizontal" class="ti-grip-horizontal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-grip-horizontal" class="ti-grip-horizontal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-grip-horizontal" class="ti-grip-horizontal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-grip-horizontal" class="ti-grip-horizontal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-grip-horizontal" class="ti-grip-horizontal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-grip-horizontal" class="ti-grip-horizontal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-grip-horizontal" class="ti-grip-horizontal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-grip-horizontal" class="ti-grip-horizontal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-grip-horizontal" class="ti-grip-horizontal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-grip-horizontal" class="ti-grip-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-grip-horizontal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10366;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-grip-vertical" class="ti-grip-vertical"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-grip-vertical" class="ti-grip-vertical"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-grip-vertical" class="ti-grip-vertical"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-grip-vertical" class="ti-grip-vertical"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-grip-vertical" class="ti-grip-vertical"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-grip-vertical" class="ti-grip-vertical"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-grip-vertical" class="ti-grip-vertical"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-grip-vertical" class="ti-grip-vertical"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-grip-vertical" class="ti-grip-vertical"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-grip-vertical" class="ti-grip-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-grip-vertical" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10367;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-growth" class="ti-growth"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-growth" class="ti-growth"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-growth" class="ti-growth"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-growth" class="ti-growth"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-growth" class="ti-growth"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-growth" class="ti-growth"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-growth" class="ti-growth"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-growth" class="ti-growth"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-growth" class="ti-growth"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-growth" class="ti-growth"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-growth" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10368;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-h-1" class="ti-h-1"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-h-1" class="ti-h-1"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-h-1" class="ti-h-1"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-h-1" class="ti-h-1"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-h-1" class="ti-h-1"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-h-1" class="ti-h-1"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-h-1" class="ti-h-1"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-h-1" class="ti-h-1"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-h-1" class="ti-h-1"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-h-1" class="ti-h-1"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-h-1" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10369;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-h-2" class="ti-h-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-h-2" class="ti-h-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-h-2" class="ti-h-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-h-2" class="ti-h-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-h-2" class="ti-h-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-h-2" class="ti-h-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-h-2" class="ti-h-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-h-2" class="ti-h-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-h-2" class="ti-h-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-h-2" class="ti-h-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-h-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1036a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-h-3" class="ti-h-3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-h-3" class="ti-h-3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-h-3" class="ti-h-3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-h-3" class="ti-h-3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-h-3" class="ti-h-3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-h-3" class="ti-h-3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-h-3" class="ti-h-3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-h-3" class="ti-h-3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-h-3" class="ti-h-3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-h-3" class="ti-h-3"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-h-3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1036b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-h-4" class="ti-h-4"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-h-4" class="ti-h-4"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-h-4" class="ti-h-4"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-h-4" class="ti-h-4"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-h-4" class="ti-h-4"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-h-4" class="ti-h-4"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-h-4" class="ti-h-4"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-h-4" class="ti-h-4"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-h-4" class="ti-h-4"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-h-4" class="ti-h-4"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-h-4" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1036c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-h-5" class="ti-h-5"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-h-5" class="ti-h-5"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-h-5" class="ti-h-5"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-h-5" class="ti-h-5"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-h-5" class="ti-h-5"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-h-5" class="ti-h-5"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-h-5" class="ti-h-5"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-h-5" class="ti-h-5"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-h-5" class="ti-h-5"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-h-5" class="ti-h-5"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-h-5" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1036d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-h-6" class="ti-h-6"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-h-6" class="ti-h-6"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-h-6" class="ti-h-6"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-h-6" class="ti-h-6"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-h-6" class="ti-h-6"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-h-6" class="ti-h-6"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-h-6" class="ti-h-6"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-h-6" class="ti-h-6"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-h-6" class="ti-h-6"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-h-6" class="ti-h-6"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-h-6" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1036e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-hand-finger" class="ti-hand-finger"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-hand-finger" class="ti-hand-finger"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-hand-finger" class="ti-hand-finger"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-hand-finger" class="ti-hand-finger"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-hand-finger" class="ti-hand-finger"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-hand-finger" class="ti-hand-finger"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-hand-finger" class="ti-hand-finger"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-hand-finger" class="ti-hand-finger"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-hand-finger" class="ti-hand-finger"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-hand-finger" class="ti-hand-finger"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-hand-finger" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1036f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-hand-little-finger" class="ti-hand-little-finger"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-hand-little-finger" class="ti-hand-little-finger"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-hand-little-finger" class="ti-hand-little-finger"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-hand-little-finger" class="ti-hand-little-finger"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-hand-little-finger" class="ti-hand-little-finger"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-hand-little-finger" class="ti-hand-little-finger"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-hand-little-finger" class="ti-hand-little-finger"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-hand-little-finger" class="ti-hand-little-finger"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-hand-little-finger" class="ti-hand-little-finger"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-hand-little-finger" class="ti-hand-little-finger"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-hand-little-finger" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10370;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-hand-middle-finger" class="ti-hand-middle-finger"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-hand-middle-finger" class="ti-hand-middle-finger"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-hand-middle-finger" class="ti-hand-middle-finger"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-hand-middle-finger" class="ti-hand-middle-finger"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-hand-middle-finger" class="ti-hand-middle-finger"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-hand-middle-finger" class="ti-hand-middle-finger"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-hand-middle-finger" class="ti-hand-middle-finger"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-hand-middle-finger" class="ti-hand-middle-finger"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-hand-middle-finger" class="ti-hand-middle-finger"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-hand-middle-finger" class="ti-hand-middle-finger"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-hand-middle-finger" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10371;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-hand-off" class="ti-hand-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-hand-off" class="ti-hand-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-hand-off" class="ti-hand-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-hand-off" class="ti-hand-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-hand-off" class="ti-hand-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-hand-off" class="ti-hand-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-hand-off" class="ti-hand-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-hand-off" class="ti-hand-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-hand-off" class="ti-hand-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-hand-off" class="ti-hand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-hand-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10372;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-hand-ring-finger" class="ti-hand-ring-finger"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-hand-ring-finger" class="ti-hand-ring-finger"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-hand-ring-finger" class="ti-hand-ring-finger"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-hand-ring-finger" class="ti-hand-ring-finger"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-hand-ring-finger" class="ti-hand-ring-finger"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-hand-ring-finger" class="ti-hand-ring-finger"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-hand-ring-finger" class="ti-hand-ring-finger"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-hand-ring-finger" class="ti-hand-ring-finger"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-hand-ring-finger" class="ti-hand-ring-finger"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-hand-ring-finger" class="ti-hand-ring-finger"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-hand-ring-finger" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10373;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-hand-rock" class="ti-hand-rock"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-hand-rock" class="ti-hand-rock"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-hand-rock" class="ti-hand-rock"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-hand-rock" class="ti-hand-rock"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-hand-rock" class="ti-hand-rock"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-hand-rock" class="ti-hand-rock"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-hand-rock" class="ti-hand-rock"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-hand-rock" class="ti-hand-rock"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-hand-rock" class="ti-hand-rock"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-hand-rock" class="ti-hand-rock"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-hand-rock" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10374;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-hand-stop" class="ti-hand-stop"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-hand-stop" class="ti-hand-stop"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-hand-stop" class="ti-hand-stop"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-hand-stop" class="ti-hand-stop"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-hand-stop" class="ti-hand-stop"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-hand-stop" class="ti-hand-stop"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-hand-stop" class="ti-hand-stop"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-hand-stop" class="ti-hand-stop"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-hand-stop" class="ti-hand-stop"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-hand-stop" class="ti-hand-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-hand-stop" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10375;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-hand-three-fingers" class="ti-hand-three-fingers"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-hand-three-fingers" class="ti-hand-three-fingers"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-hand-three-fingers" class="ti-hand-three-fingers"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-hand-three-fingers" class="ti-hand-three-fingers"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-hand-three-fingers" class="ti-hand-three-fingers"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-hand-three-fingers" class="ti-hand-three-fingers"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-hand-three-fingers" class="ti-hand-three-fingers"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-hand-three-fingers" class="ti-hand-three-fingers"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-hand-three-fingers" class="ti-hand-three-fingers"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-hand-three-fingers" class="ti-hand-three-fingers"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-hand-three-fingers" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10376;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-hand-two-fingers" class="ti-hand-two-fingers"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-hand-two-fingers" class="ti-hand-two-fingers"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-hand-two-fingers" class="ti-hand-two-fingers"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-hand-two-fingers" class="ti-hand-two-fingers"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-hand-two-fingers" class="ti-hand-two-fingers"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-hand-two-fingers" class="ti-hand-two-fingers"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-hand-two-fingers" class="ti-hand-two-fingers"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-hand-two-fingers" class="ti-hand-two-fingers"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-hand-two-fingers" class="ti-hand-two-fingers"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-hand-two-fingers" class="ti-hand-two-fingers"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-hand-two-fingers" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10377;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-hanger" class="ti-hanger"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-hanger" class="ti-hanger"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-hanger" class="ti-hanger"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-hanger" class="ti-hanger"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-hanger" class="ti-hanger"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-hanger" class="ti-hanger"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-hanger" class="ti-hanger"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-hanger" class="ti-hanger"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-hanger" class="ti-hanger"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-hanger" class="ti-hanger"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-hanger" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10378;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-hash" class="ti-hash"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-hash" class="ti-hash"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-hash" class="ti-hash"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-hash" class="ti-hash"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-hash" class="ti-hash"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-hash" class="ti-hash"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-hash" class="ti-hash"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-hash" class="ti-hash"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-hash" class="ti-hash"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-hash" class="ti-hash"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-hash" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10379;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-heading" class="ti-heading"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-heading" class="ti-heading"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-heading" class="ti-heading"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-heading" class="ti-heading"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-heading" class="ti-heading"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-heading" class="ti-heading"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-heading" class="ti-heading"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-heading" class="ti-heading"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-heading" class="ti-heading"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-heading" class="ti-heading"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-heading" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1037a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-headphones" class="ti-headphones"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-headphones" class="ti-headphones"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-headphones" class="ti-headphones"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-headphones" class="ti-headphones"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-headphones" class="ti-headphones"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-headphones" class="ti-headphones"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-headphones" class="ti-headphones"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-headphones" class="ti-headphones"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-headphones" class="ti-headphones"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-headphones" class="ti-headphones"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-headphones" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1037b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-headphones-off" class="ti-headphones-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-headphones-off" class="ti-headphones-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-headphones-off" class="ti-headphones-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-headphones-off" class="ti-headphones-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-headphones-off" class="ti-headphones-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-headphones-off" class="ti-headphones-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-headphones-off" class="ti-headphones-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-headphones-off" class="ti-headphones-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-headphones-off" class="ti-headphones-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-headphones-off" class="ti-headphones-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-headphones-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1037c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-headset" class="ti-headset"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-headset" class="ti-headset"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-headset" class="ti-headset"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-headset" class="ti-headset"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-headset" class="ti-headset"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-headset" class="ti-headset"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-headset" class="ti-headset"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-headset" class="ti-headset"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-headset" class="ti-headset"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-headset" class="ti-headset"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-headset" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1037d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-heart" class="ti-heart"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-heart" class="ti-heart"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-heart" class="ti-heart"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-heart" class="ti-heart"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-heart" class="ti-heart"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-heart" class="ti-heart"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-heart" class="ti-heart"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-heart" class="ti-heart"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-heart" class="ti-heart"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-heart" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-heart" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1037e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-heart-broken" class="ti-heart-broken"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-heart-broken" class="ti-heart-broken"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-heart-broken" class="ti-heart-broken"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-heart-broken" class="ti-heart-broken"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-heart-broken" class="ti-heart-broken"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-heart-broken" class="ti-heart-broken"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-heart-broken" class="ti-heart-broken"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-heart-broken" class="ti-heart-broken"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-heart-broken" class="ti-heart-broken"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-heart-broken" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-heart-broken" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1037f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-helicopter" class="ti-helicopter"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-helicopter" class="ti-helicopter"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-helicopter" class="ti-helicopter"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-helicopter" class="ti-helicopter"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-helicopter" class="ti-helicopter"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-helicopter" class="ti-helicopter"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-helicopter" class="ti-helicopter"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-helicopter" class="ti-helicopter"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-helicopter" class="ti-helicopter"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-helicopter" class="ti-helicopter"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-helicopter" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10380;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-helicopter-landing" class="ti-helicopter-landing"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-helicopter-landing" class="ti-helicopter-landing"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-helicopter-landing" class="ti-helicopter-landing"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-helicopter-landing" class="ti-helicopter-landing"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-helicopter-landing" class="ti-helicopter-landing"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-helicopter-landing" class="ti-helicopter-landing"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-helicopter-landing" class="ti-helicopter-landing"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-helicopter-landing" class="ti-helicopter-landing"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-helicopter-landing" class="ti-helicopter-landing"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-helicopter-landing" class="ti-helicopter-landing"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-helicopter-landing" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10381;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-help" class="ti-help"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-help" class="ti-help"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-help" class="ti-help"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-help" class="ti-help"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-help" class="ti-help"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-help" class="ti-help"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-help" class="ti-help"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-help" class="ti-help"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-help" class="ti-help"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-help" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-help" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10382;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-hexagon" class="ti-hexagon"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-hexagon" class="ti-hexagon"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-hexagon" class="ti-hexagon"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-hexagon" class="ti-hexagon"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-hexagon" class="ti-hexagon"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-hexagon" class="ti-hexagon"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-hexagon" class="ti-hexagon"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-hexagon" class="ti-hexagon"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-hexagon" class="ti-hexagon"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-hexagon" class="ti-hexagon"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-hexagon" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10383;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-hexagon-off" class="ti-hexagon-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-hexagon-off" class="ti-hexagon-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-hexagon-off" class="ti-hexagon-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-hexagon-off" class="ti-hexagon-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-hexagon-off" class="ti-hexagon-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-hexagon-off" class="ti-hexagon-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-hexagon-off" class="ti-hexagon-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-hexagon-off" class="ti-hexagon-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-hexagon-off" class="ti-hexagon-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-hexagon-off" class="ti-hexagon-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-hexagon-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10384;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-hierarchy" class="ti-hierarchy"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-hierarchy" class="ti-hierarchy"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-hierarchy" class="ti-hierarchy"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-hierarchy" class="ti-hierarchy"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-hierarchy" class="ti-hierarchy"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-hierarchy" class="ti-hierarchy"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-hierarchy" class="ti-hierarchy"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-hierarchy" class="ti-hierarchy"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-hierarchy" class="ti-hierarchy"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-hierarchy" class="ti-hierarchy"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-hierarchy" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10385;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-hierarchy-2" class="ti-hierarchy-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-hierarchy-2" class="ti-hierarchy-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-hierarchy-2" class="ti-hierarchy-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-hierarchy-2" class="ti-hierarchy-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-hierarchy-2" class="ti-hierarchy-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-hierarchy-2" class="ti-hierarchy-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-hierarchy-2" class="ti-hierarchy-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-hierarchy-2" class="ti-hierarchy-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-hierarchy-2" class="ti-hierarchy-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-hierarchy-2" class="ti-hierarchy-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-hierarchy-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10386;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-history" class="ti-history"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-history" class="ti-history"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-history" class="ti-history"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-history" class="ti-history"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-history" class="ti-history"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-history" class="ti-history"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-history" class="ti-history"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-history" class="ti-history"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-history" class="ti-history"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-history" class="ti-history"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-history" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10387;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-home" class="ti-home"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-home" class="ti-home"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-home" class="ti-home"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-home" class="ti-home"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-home" class="ti-home"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-home" class="ti-home"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-home" class="ti-home"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-home" class="ti-home"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-home" class="ti-home"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-home" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-home" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10388;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-home-2" class="ti-home-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-home-2" class="ti-home-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-home-2" class="ti-home-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-home-2" class="ti-home-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-home-2" class="ti-home-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-home-2" class="ti-home-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-home-2" class="ti-home-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-home-2" class="ti-home-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-home-2" class="ti-home-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-home-2" class="ti-home-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-home-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10389;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ice-cream" class="ti-ice-cream"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ice-cream" class="ti-ice-cream"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ice-cream" class="ti-ice-cream"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ice-cream" class="ti-ice-cream"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ice-cream" class="ti-ice-cream"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ice-cream" class="ti-ice-cream"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ice-cream" class="ti-ice-cream"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ice-cream" class="ti-ice-cream"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ice-cream" class="ti-ice-cream"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ice-cream" class="ti-ice-cream"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ice-cream" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1038a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ice-cream-2" class="ti-ice-cream-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ice-cream-2" class="ti-ice-cream-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ice-cream-2" class="ti-ice-cream-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ice-cream-2" class="ti-ice-cream-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ice-cream-2" class="ti-ice-cream-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ice-cream-2" class="ti-ice-cream-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ice-cream-2" class="ti-ice-cream-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ice-cream-2" class="ti-ice-cream-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ice-cream-2" class="ti-ice-cream-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ice-cream-2" class="ti-ice-cream-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ice-cream-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1038b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-id" class="ti-id"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-id" class="ti-id"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-id" class="ti-id"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-id" class="ti-id"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-id" class="ti-id"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-id" class="ti-id"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-id" class="ti-id"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-id" class="ti-id"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-id" class="ti-id"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-id" class="ti-id"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-id" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1038c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-inbox" class="ti-inbox"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-inbox" class="ti-inbox"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-inbox" class="ti-inbox"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-inbox" class="ti-inbox"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-inbox" class="ti-inbox"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-inbox" class="ti-inbox"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-inbox" class="ti-inbox"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-inbox" class="ti-inbox"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-inbox" class="ti-inbox"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-inbox" class="ti-inbox"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-inbox" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1038d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-indent-decrease" class="ti-indent-decrease"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-indent-decrease" class="ti-indent-decrease"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-indent-decrease" class="ti-indent-decrease"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-indent-decrease" class="ti-indent-decrease"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-indent-decrease" class="ti-indent-decrease"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-indent-decrease" class="ti-indent-decrease"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-indent-decrease" class="ti-indent-decrease"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-indent-decrease" class="ti-indent-decrease"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-indent-decrease" class="ti-indent-decrease"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-indent-decrease" class="ti-indent-decrease"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-indent-decrease" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1038e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-indent-increase" class="ti-indent-increase"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-indent-increase" class="ti-indent-increase"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-indent-increase" class="ti-indent-increase"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-indent-increase" class="ti-indent-increase"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-indent-increase" class="ti-indent-increase"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-indent-increase" class="ti-indent-increase"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-indent-increase" class="ti-indent-increase"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-indent-increase" class="ti-indent-increase"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-indent-increase" class="ti-indent-increase"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-indent-increase" class="ti-indent-increase"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-indent-increase" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1038f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-infinity" class="ti-infinity"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-infinity" class="ti-infinity"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-infinity" class="ti-infinity"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-infinity" class="ti-infinity"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-infinity" class="ti-infinity"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-infinity" class="ti-infinity"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-infinity" class="ti-infinity"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-infinity" class="ti-infinity"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-infinity" class="ti-infinity"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-infinity" class="ti-infinity"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-infinity" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10390;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-info-circle" class="ti-info-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-info-circle" class="ti-info-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-info-circle" class="ti-info-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-info-circle" class="ti-info-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-info-circle" class="ti-info-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-info-circle" class="ti-info-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-info-circle" class="ti-info-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-info-circle" class="ti-info-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-info-circle" class="ti-info-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-info-circle" class="ti-info-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-info-circle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10391;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-info-square" class="ti-info-square"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-info-square" class="ti-info-square"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-info-square" class="ti-info-square"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-info-square" class="ti-info-square"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-info-square" class="ti-info-square"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-info-square" class="ti-info-square"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-info-square" class="ti-info-square"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-info-square" class="ti-info-square"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-info-square" class="ti-info-square"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-info-square" class="ti-info-square"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-info-square" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10392;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-italic" class="ti-italic"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-italic" class="ti-italic"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-italic" class="ti-italic"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-italic" class="ti-italic"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-italic" class="ti-italic"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-italic" class="ti-italic"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-italic" class="ti-italic"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-italic" class="ti-italic"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-italic" class="ti-italic"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-italic" class="ti-italic"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-italic" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10393;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-jump-rope" class="ti-jump-rope"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-jump-rope" class="ti-jump-rope"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-jump-rope" class="ti-jump-rope"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-jump-rope" class="ti-jump-rope"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-jump-rope" class="ti-jump-rope"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-jump-rope" class="ti-jump-rope"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-jump-rope" class="ti-jump-rope"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-jump-rope" class="ti-jump-rope"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-jump-rope" class="ti-jump-rope"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-jump-rope" class="ti-jump-rope"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-jump-rope" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10394;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-karate" class="ti-karate"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-karate" class="ti-karate"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-karate" class="ti-karate"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-karate" class="ti-karate"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-karate" class="ti-karate"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-karate" class="ti-karate"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-karate" class="ti-karate"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-karate" class="ti-karate"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-karate" class="ti-karate"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-karate" class="ti-karate"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-karate" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10395;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-key" class="ti-key"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-key" class="ti-key"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-key" class="ti-key"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-key" class="ti-key"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-key" class="ti-key"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-key" class="ti-key"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-key" class="ti-key"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-key" class="ti-key"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-key" class="ti-key"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-key" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-key" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10396;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-keyboard" class="ti-keyboard"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-keyboard" class="ti-keyboard"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-keyboard" class="ti-keyboard"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-keyboard" class="ti-keyboard"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-keyboard" class="ti-keyboard"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-keyboard" class="ti-keyboard"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-keyboard" class="ti-keyboard"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-keyboard" class="ti-keyboard"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-keyboard" class="ti-keyboard"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-keyboard" class="ti-keyboard"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-keyboard" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10397;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-keyboard-hide" class="ti-keyboard-hide"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-keyboard-hide" class="ti-keyboard-hide"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-keyboard-hide" class="ti-keyboard-hide"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-keyboard-hide" class="ti-keyboard-hide"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-keyboard-hide" class="ti-keyboard-hide"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-keyboard-hide" class="ti-keyboard-hide"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-keyboard-hide" class="ti-keyboard-hide"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-keyboard-hide" class="ti-keyboard-hide"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-keyboard-hide" class="ti-keyboard-hide"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-keyboard-hide" class="ti-keyboard-hide"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-keyboard-hide" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10398;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-keyboard-off" class="ti-keyboard-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-keyboard-off" class="ti-keyboard-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-keyboard-off" class="ti-keyboard-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-keyboard-off" class="ti-keyboard-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-keyboard-off" class="ti-keyboard-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-keyboard-off" class="ti-keyboard-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-keyboard-off" class="ti-keyboard-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-keyboard-off" class="ti-keyboard-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-keyboard-off" class="ti-keyboard-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-keyboard-off" class="ti-keyboard-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-keyboard-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10399;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-keyboard-show" class="ti-keyboard-show"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-keyboard-show" class="ti-keyboard-show"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-keyboard-show" class="ti-keyboard-show"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-keyboard-show" class="ti-keyboard-show"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-keyboard-show" class="ti-keyboard-show"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-keyboard-show" class="ti-keyboard-show"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-keyboard-show" class="ti-keyboard-show"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-keyboard-show" class="ti-keyboard-show"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-keyboard-show" class="ti-keyboard-show"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-keyboard-show" class="ti-keyboard-show"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-keyboard-show" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1039a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-language" class="ti-language"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-language" class="ti-language"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-language" class="ti-language"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-language" class="ti-language"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-language" class="ti-language"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-language" class="ti-language"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-language" class="ti-language"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-language" class="ti-language"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-language" class="ti-language"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-language" class="ti-language"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-language" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1039b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layers-difference" class="ti-layers-difference"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layers-difference" class="ti-layers-difference"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layers-difference" class="ti-layers-difference"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layers-difference" class="ti-layers-difference"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layers-difference" class="ti-layers-difference"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layers-difference" class="ti-layers-difference"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layers-difference" class="ti-layers-difference"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layers-difference" class="ti-layers-difference"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layers-difference" class="ti-layers-difference"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layers-difference" class="ti-layers-difference"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layers-difference" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1039c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layers-intersect" class="ti-layers-intersect"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layers-intersect" class="ti-layers-intersect"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layers-intersect" class="ti-layers-intersect"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layers-intersect" class="ti-layers-intersect"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layers-intersect" class="ti-layers-intersect"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layers-intersect" class="ti-layers-intersect"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layers-intersect" class="ti-layers-intersect"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layers-intersect" class="ti-layers-intersect"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layers-intersect" class="ti-layers-intersect"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layers-intersect" class="ti-layers-intersect"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layers-intersect" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1039d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layers-linked" class="ti-layers-linked"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layers-linked" class="ti-layers-linked"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layers-linked" class="ti-layers-linked"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layers-linked" class="ti-layers-linked"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layers-linked" class="ti-layers-linked"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layers-linked" class="ti-layers-linked"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layers-linked" class="ti-layers-linked"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layers-linked" class="ti-layers-linked"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layers-linked" class="ti-layers-linked"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layers-linked" class="ti-layers-linked"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layers-linked" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1039e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layers-subtract" class="ti-layers-subtract"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layers-subtract" class="ti-layers-subtract"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layers-subtract" class="ti-layers-subtract"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layers-subtract" class="ti-layers-subtract"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layers-subtract" class="ti-layers-subtract"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layers-subtract" class="ti-layers-subtract"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layers-subtract" class="ti-layers-subtract"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layers-subtract" class="ti-layers-subtract"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layers-subtract" class="ti-layers-subtract"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layers-subtract" class="ti-layers-subtract"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layers-subtract" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1039f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layers-union" class="ti-layers-union"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layers-union" class="ti-layers-union"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layers-union" class="ti-layers-union"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layers-union" class="ti-layers-union"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layers-union" class="ti-layers-union"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layers-union" class="ti-layers-union"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layers-union" class="ti-layers-union"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layers-union" class="ti-layers-union"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layers-union" class="ti-layers-union"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layers-union" class="ti-layers-union"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layers-union" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103a0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout" class="ti-layout"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout" class="ti-layout"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout" class="ti-layout"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout" class="ti-layout"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout" class="ti-layout"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout" class="ti-layout"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout" class="ti-layout"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout" class="ti-layout"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout" class="ti-layout"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout" class="ti-layout"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103a1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-2" class="ti-layout-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-2" class="ti-layout-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-2" class="ti-layout-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-2" class="ti-layout-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-2" class="ti-layout-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-2" class="ti-layout-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-2" class="ti-layout-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-2" class="ti-layout-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-2" class="ti-layout-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-2" class="ti-layout-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103a2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-align-bottom" class="ti-layout-align-bottom"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-align-bottom" class="ti-layout-align-bottom"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-align-bottom" class="ti-layout-align-bottom"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-align-bottom" class="ti-layout-align-bottom"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-align-bottom" class="ti-layout-align-bottom"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-align-bottom" class="ti-layout-align-bottom"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-align-bottom" class="ti-layout-align-bottom"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-align-bottom" class="ti-layout-align-bottom"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-align-bottom" class="ti-layout-align-bottom"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-align-bottom" class="ti-layout-align-bottom"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-align-bottom" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103a3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-align-center" class="ti-layout-align-center"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-align-center" class="ti-layout-align-center"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-align-center" class="ti-layout-align-center"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-align-center" class="ti-layout-align-center"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-align-center" class="ti-layout-align-center"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-align-center" class="ti-layout-align-center"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-align-center" class="ti-layout-align-center"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-align-center" class="ti-layout-align-center"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-align-center" class="ti-layout-align-center"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-align-center" class="ti-layout-align-center"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-align-center" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103a4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-align-left" class="ti-layout-align-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-align-left" class="ti-layout-align-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-align-left" class="ti-layout-align-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-align-left" class="ti-layout-align-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-align-left" class="ti-layout-align-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-align-left" class="ti-layout-align-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-align-left" class="ti-layout-align-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-align-left" class="ti-layout-align-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-align-left" class="ti-layout-align-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-align-left" class="ti-layout-align-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-align-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103a5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-align-middle" class="ti-layout-align-middle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-align-middle" class="ti-layout-align-middle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-align-middle" class="ti-layout-align-middle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-align-middle" class="ti-layout-align-middle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-align-middle" class="ti-layout-align-middle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-align-middle" class="ti-layout-align-middle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-align-middle" class="ti-layout-align-middle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-align-middle" class="ti-layout-align-middle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-align-middle" class="ti-layout-align-middle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-align-middle" class="ti-layout-align-middle"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-align-middle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103a6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-align-right" class="ti-layout-align-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-align-right" class="ti-layout-align-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-align-right" class="ti-layout-align-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-align-right" class="ti-layout-align-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-align-right" class="ti-layout-align-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-align-right" class="ti-layout-align-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-align-right" class="ti-layout-align-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-align-right" class="ti-layout-align-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-align-right" class="ti-layout-align-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-align-right" class="ti-layout-align-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-align-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103a7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-align-top" class="ti-layout-align-top"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-align-top" class="ti-layout-align-top"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-align-top" class="ti-layout-align-top"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-align-top" class="ti-layout-align-top"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-align-top" class="ti-layout-align-top"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-align-top" class="ti-layout-align-top"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-align-top" class="ti-layout-align-top"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-align-top" class="ti-layout-align-top"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-align-top" class="ti-layout-align-top"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-align-top" class="ti-layout-align-top"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-align-top" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103a8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-bottombar" class="ti-layout-bottombar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-bottombar" class="ti-layout-bottombar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-bottombar" class="ti-layout-bottombar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-bottombar" class="ti-layout-bottombar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-bottombar" class="ti-layout-bottombar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-bottombar" class="ti-layout-bottombar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-bottombar" class="ti-layout-bottombar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-bottombar" class="ti-layout-bottombar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-bottombar" class="ti-layout-bottombar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-bottombar" class="ti-layout-bottombar"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-bottombar" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103a9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-cards" class="ti-layout-cards"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-cards" class="ti-layout-cards"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-cards" class="ti-layout-cards"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-cards" class="ti-layout-cards"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-cards" class="ti-layout-cards"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-cards" class="ti-layout-cards"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-cards" class="ti-layout-cards"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-cards" class="ti-layout-cards"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-cards" class="ti-layout-cards"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-cards" class="ti-layout-cards"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-cards" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103aa;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-columns" class="ti-layout-columns"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-columns" class="ti-layout-columns"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-columns" class="ti-layout-columns"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-columns" class="ti-layout-columns"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-columns" class="ti-layout-columns"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-columns" class="ti-layout-columns"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-columns" class="ti-layout-columns"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-columns" class="ti-layout-columns"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-columns" class="ti-layout-columns"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-columns" class="ti-layout-columns"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-columns" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103ab;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-distribute-horizontal" class="ti-layout-distribute-horizontal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-distribute-horizontal" class="ti-layout-distribute-horizontal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-distribute-horizontal" class="ti-layout-distribute-horizontal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-distribute-horizontal" class="ti-layout-distribute-horizontal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-distribute-horizontal" class="ti-layout-distribute-horizontal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-distribute-horizontal" class="ti-layout-distribute-horizontal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-distribute-horizontal" class="ti-layout-distribute-horizontal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-distribute-horizontal" class="ti-layout-distribute-horizontal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-distribute-horizontal" class="ti-layout-distribute-horizontal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-distribute-horizontal" class="ti-layout-distribute-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-distribute-horizontal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103ac;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-distribute-vertical" class="ti-layout-distribute-vertical"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-distribute-vertical" class="ti-layout-distribute-vertical"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-distribute-vertical" class="ti-layout-distribute-vertical"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-distribute-vertical" class="ti-layout-distribute-vertical"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-distribute-vertical" class="ti-layout-distribute-vertical"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-distribute-vertical" class="ti-layout-distribute-vertical"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-distribute-vertical" class="ti-layout-distribute-vertical"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-distribute-vertical" class="ti-layout-distribute-vertical"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-distribute-vertical" class="ti-layout-distribute-vertical"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-distribute-vertical" class="ti-layout-distribute-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-distribute-vertical" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103ad;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-grid" class="ti-layout-grid"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-grid" class="ti-layout-grid"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-grid" class="ti-layout-grid"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-grid" class="ti-layout-grid"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-grid" class="ti-layout-grid"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-grid" class="ti-layout-grid"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-grid" class="ti-layout-grid"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-grid" class="ti-layout-grid"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-grid" class="ti-layout-grid"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-grid" class="ti-layout-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-grid" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103ae;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-grid-add" class="ti-layout-grid-add"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-grid-add" class="ti-layout-grid-add"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-grid-add" class="ti-layout-grid-add"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-grid-add" class="ti-layout-grid-add"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-grid-add" class="ti-layout-grid-add"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-grid-add" class="ti-layout-grid-add"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-grid-add" class="ti-layout-grid-add"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-grid-add" class="ti-layout-grid-add"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-grid-add" class="ti-layout-grid-add"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-grid-add" class="ti-layout-grid-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-grid-add" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103af;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-kanban" class="ti-layout-kanban"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-kanban" class="ti-layout-kanban"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-kanban" class="ti-layout-kanban"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-kanban" class="ti-layout-kanban"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-kanban" class="ti-layout-kanban"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-kanban" class="ti-layout-kanban"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-kanban" class="ti-layout-kanban"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-kanban" class="ti-layout-kanban"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-kanban" class="ti-layout-kanban"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-kanban" class="ti-layout-kanban"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-kanban" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103b0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-list" class="ti-layout-list"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-list" class="ti-layout-list"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-list" class="ti-layout-list"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-list" class="ti-layout-list"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-list" class="ti-layout-list"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-list" class="ti-layout-list"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-list" class="ti-layout-list"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-list" class="ti-layout-list"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-list" class="ti-layout-list"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-list" class="ti-layout-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-list" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103b1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-navbar" class="ti-layout-navbar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-navbar" class="ti-layout-navbar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-navbar" class="ti-layout-navbar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-navbar" class="ti-layout-navbar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-navbar" class="ti-layout-navbar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-navbar" class="ti-layout-navbar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-navbar" class="ti-layout-navbar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-navbar" class="ti-layout-navbar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-navbar" class="ti-layout-navbar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-navbar" class="ti-layout-navbar"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-navbar" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103b2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-rows" class="ti-layout-rows"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-rows" class="ti-layout-rows"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-rows" class="ti-layout-rows"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-rows" class="ti-layout-rows"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-rows" class="ti-layout-rows"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-rows" class="ti-layout-rows"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-rows" class="ti-layout-rows"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-rows" class="ti-layout-rows"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-rows" class="ti-layout-rows"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-rows" class="ti-layout-rows"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-rows" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103b3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-sidebar" class="ti-layout-sidebar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-sidebar" class="ti-layout-sidebar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-sidebar" class="ti-layout-sidebar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-sidebar" class="ti-layout-sidebar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-sidebar" class="ti-layout-sidebar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-sidebar" class="ti-layout-sidebar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-sidebar" class="ti-layout-sidebar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-sidebar" class="ti-layout-sidebar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-sidebar" class="ti-layout-sidebar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-sidebar" class="ti-layout-sidebar"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-sidebar" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103b4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-layout-sidebar-right" class="ti-layout-sidebar-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-layout-sidebar-right" class="ti-layout-sidebar-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-layout-sidebar-right" class="ti-layout-sidebar-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-layout-sidebar-right" class="ti-layout-sidebar-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-layout-sidebar-right" class="ti-layout-sidebar-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-layout-sidebar-right" class="ti-layout-sidebar-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-layout-sidebar-right" class="ti-layout-sidebar-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-layout-sidebar-right" class="ti-layout-sidebar-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-layout-sidebar-right" class="ti-layout-sidebar-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-layout-sidebar-right" class="ti-layout-sidebar-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-layout-sidebar-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103b5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-leaf" class="ti-leaf"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-leaf" class="ti-leaf"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-leaf" class="ti-leaf"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-leaf" class="ti-leaf"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-leaf" class="ti-leaf"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-leaf" class="ti-leaf"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-leaf" class="ti-leaf"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-leaf" class="ti-leaf"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-leaf" class="ti-leaf"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-leaf" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-leaf" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103b6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-lego" class="ti-lego"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-lego" class="ti-lego"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-lego" class="ti-lego"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-lego" class="ti-lego"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-lego" class="ti-lego"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-lego" class="ti-lego"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-lego" class="ti-lego"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-lego" class="ti-lego"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-lego" class="ti-lego"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-lego" class="ti-lego"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-lego" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103b7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-a" class="ti-letter-a"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-a" class="ti-letter-a"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-a" class="ti-letter-a"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-a" class="ti-letter-a"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-a" class="ti-letter-a"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-a" class="ti-letter-a"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-a" class="ti-letter-a"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-a" class="ti-letter-a"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-a" class="ti-letter-a"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-a" class="ti-letter-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-a" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103b8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-b" class="ti-letter-b"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-b" class="ti-letter-b"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-b" class="ti-letter-b"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-b" class="ti-letter-b"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-b" class="ti-letter-b"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-b" class="ti-letter-b"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-b" class="ti-letter-b"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-b" class="ti-letter-b"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-b" class="ti-letter-b"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-b" class="ti-letter-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-b" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103b9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-c" class="ti-letter-c"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-c" class="ti-letter-c"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-c" class="ti-letter-c"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-c" class="ti-letter-c"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-c" class="ti-letter-c"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-c" class="ti-letter-c"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-c" class="ti-letter-c"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-c" class="ti-letter-c"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-c" class="ti-letter-c"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-c" class="ti-letter-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-c" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103ba;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-case" class="ti-letter-case"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-case" class="ti-letter-case"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-case" class="ti-letter-case"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-case" class="ti-letter-case"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-case" class="ti-letter-case"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-case" class="ti-letter-case"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-case" class="ti-letter-case"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-case" class="ti-letter-case"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-case" class="ti-letter-case"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-case" class="ti-letter-case"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-case" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103bb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-case-lower" class="ti-letter-case-lower"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-case-lower" class="ti-letter-case-lower"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-case-lower" class="ti-letter-case-lower"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-case-lower" class="ti-letter-case-lower"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-case-lower" class="ti-letter-case-lower"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-case-lower" class="ti-letter-case-lower"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-case-lower" class="ti-letter-case-lower"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-case-lower" class="ti-letter-case-lower"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-case-lower" class="ti-letter-case-lower"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-case-lower" class="ti-letter-case-lower"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-case-lower" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103bc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-case-toggle" class="ti-letter-case-toggle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-case-toggle" class="ti-letter-case-toggle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-case-toggle" class="ti-letter-case-toggle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-case-toggle" class="ti-letter-case-toggle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-case-toggle" class="ti-letter-case-toggle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-case-toggle" class="ti-letter-case-toggle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-case-toggle" class="ti-letter-case-toggle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-case-toggle" class="ti-letter-case-toggle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-case-toggle" class="ti-letter-case-toggle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-case-toggle" class="ti-letter-case-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-case-toggle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103bd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-case-upper" class="ti-letter-case-upper"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-case-upper" class="ti-letter-case-upper"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-case-upper" class="ti-letter-case-upper"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-case-upper" class="ti-letter-case-upper"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-case-upper" class="ti-letter-case-upper"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-case-upper" class="ti-letter-case-upper"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-case-upper" class="ti-letter-case-upper"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-case-upper" class="ti-letter-case-upper"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-case-upper" class="ti-letter-case-upper"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-case-upper" class="ti-letter-case-upper"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-case-upper" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103be;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-d" class="ti-letter-d"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-d" class="ti-letter-d"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-d" class="ti-letter-d"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-d" class="ti-letter-d"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-d" class="ti-letter-d"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-d" class="ti-letter-d"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-d" class="ti-letter-d"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-d" class="ti-letter-d"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-d" class="ti-letter-d"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-d" class="ti-letter-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-d" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103bf;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-e" class="ti-letter-e"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-e" class="ti-letter-e"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-e" class="ti-letter-e"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-e" class="ti-letter-e"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-e" class="ti-letter-e"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-e" class="ti-letter-e"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-e" class="ti-letter-e"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-e" class="ti-letter-e"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-e" class="ti-letter-e"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-e" class="ti-letter-e"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-e" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103c0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-f" class="ti-letter-f"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-f" class="ti-letter-f"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-f" class="ti-letter-f"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-f" class="ti-letter-f"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-f" class="ti-letter-f"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-f" class="ti-letter-f"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-f" class="ti-letter-f"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-f" class="ti-letter-f"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-f" class="ti-letter-f"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-f" class="ti-letter-f"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-f" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103c1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-g" class="ti-letter-g"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-g" class="ti-letter-g"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-g" class="ti-letter-g"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-g" class="ti-letter-g"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-g" class="ti-letter-g"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-g" class="ti-letter-g"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-g" class="ti-letter-g"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-g" class="ti-letter-g"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-g" class="ti-letter-g"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-g" class="ti-letter-g"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-g" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103c2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-h" class="ti-letter-h"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-h" class="ti-letter-h"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-h" class="ti-letter-h"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-h" class="ti-letter-h"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-h" class="ti-letter-h"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-h" class="ti-letter-h"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-h" class="ti-letter-h"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-h" class="ti-letter-h"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-h" class="ti-letter-h"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-h" class="ti-letter-h"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-h" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103c3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-i" class="ti-letter-i"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-i" class="ti-letter-i"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-i" class="ti-letter-i"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-i" class="ti-letter-i"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-i" class="ti-letter-i"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-i" class="ti-letter-i"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-i" class="ti-letter-i"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-i" class="ti-letter-i"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-i" class="ti-letter-i"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-i" class="ti-letter-i"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-i" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103c4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-j" class="ti-letter-j"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-j" class="ti-letter-j"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-j" class="ti-letter-j"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-j" class="ti-letter-j"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-j" class="ti-letter-j"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-j" class="ti-letter-j"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-j" class="ti-letter-j"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-j" class="ti-letter-j"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-j" class="ti-letter-j"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-j" class="ti-letter-j"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-j" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103c5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-k" class="ti-letter-k"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-k" class="ti-letter-k"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-k" class="ti-letter-k"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-k" class="ti-letter-k"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-k" class="ti-letter-k"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-k" class="ti-letter-k"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-k" class="ti-letter-k"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-k" class="ti-letter-k"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-k" class="ti-letter-k"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-k" class="ti-letter-k"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-k" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103c6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-l" class="ti-letter-l"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-l" class="ti-letter-l"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-l" class="ti-letter-l"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-l" class="ti-letter-l"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-l" class="ti-letter-l"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-l" class="ti-letter-l"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-l" class="ti-letter-l"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-l" class="ti-letter-l"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-l" class="ti-letter-l"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-l" class="ti-letter-l"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-l" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103c7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-m" class="ti-letter-m"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-m" class="ti-letter-m"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-m" class="ti-letter-m"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-m" class="ti-letter-m"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-m" class="ti-letter-m"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-m" class="ti-letter-m"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-m" class="ti-letter-m"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-m" class="ti-letter-m"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-m" class="ti-letter-m"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-m" class="ti-letter-m"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-m" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103c8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-n" class="ti-letter-n"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-n" class="ti-letter-n"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-n" class="ti-letter-n"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-n" class="ti-letter-n"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-n" class="ti-letter-n"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-n" class="ti-letter-n"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-n" class="ti-letter-n"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-n" class="ti-letter-n"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-n" class="ti-letter-n"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-n" class="ti-letter-n"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-n" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103c9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-o" class="ti-letter-o"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-o" class="ti-letter-o"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-o" class="ti-letter-o"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-o" class="ti-letter-o"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-o" class="ti-letter-o"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-o" class="ti-letter-o"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-o" class="ti-letter-o"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-o" class="ti-letter-o"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-o" class="ti-letter-o"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-o" class="ti-letter-o"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-o" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103ca;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-p" class="ti-letter-p"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-p" class="ti-letter-p"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-p" class="ti-letter-p"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-p" class="ti-letter-p"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-p" class="ti-letter-p"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-p" class="ti-letter-p"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-p" class="ti-letter-p"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-p" class="ti-letter-p"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-p" class="ti-letter-p"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-p" class="ti-letter-p"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-p" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103cb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-q" class="ti-letter-q"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-q" class="ti-letter-q"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-q" class="ti-letter-q"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-q" class="ti-letter-q"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-q" class="ti-letter-q"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-q" class="ti-letter-q"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-q" class="ti-letter-q"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-q" class="ti-letter-q"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-q" class="ti-letter-q"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-q" class="ti-letter-q"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-q" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103cc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-r" class="ti-letter-r"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-r" class="ti-letter-r"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-r" class="ti-letter-r"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-r" class="ti-letter-r"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-r" class="ti-letter-r"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-r" class="ti-letter-r"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-r" class="ti-letter-r"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-r" class="ti-letter-r"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-r" class="ti-letter-r"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-r" class="ti-letter-r"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-r" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103cd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-s" class="ti-letter-s"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-s" class="ti-letter-s"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-s" class="ti-letter-s"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-s" class="ti-letter-s"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-s" class="ti-letter-s"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-s" class="ti-letter-s"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-s" class="ti-letter-s"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-s" class="ti-letter-s"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-s" class="ti-letter-s"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-s" class="ti-letter-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-s" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103ce;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-spacing" class="ti-letter-spacing"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-spacing" class="ti-letter-spacing"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-spacing" class="ti-letter-spacing"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-spacing" class="ti-letter-spacing"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-spacing" class="ti-letter-spacing"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-spacing" class="ti-letter-spacing"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-spacing" class="ti-letter-spacing"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-spacing" class="ti-letter-spacing"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-spacing" class="ti-letter-spacing"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-spacing" class="ti-letter-spacing"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-spacing" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103cf;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-t" class="ti-letter-t"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-t" class="ti-letter-t"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-t" class="ti-letter-t"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-t" class="ti-letter-t"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-t" class="ti-letter-t"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-t" class="ti-letter-t"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-t" class="ti-letter-t"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-t" class="ti-letter-t"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-t" class="ti-letter-t"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-t" class="ti-letter-t"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-t" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103d0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-u" class="ti-letter-u"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-u" class="ti-letter-u"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-u" class="ti-letter-u"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-u" class="ti-letter-u"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-u" class="ti-letter-u"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-u" class="ti-letter-u"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-u" class="ti-letter-u"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-u" class="ti-letter-u"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-u" class="ti-letter-u"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-u" class="ti-letter-u"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-u" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103d1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-v" class="ti-letter-v"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-v" class="ti-letter-v"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-v" class="ti-letter-v"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-v" class="ti-letter-v"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-v" class="ti-letter-v"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-v" class="ti-letter-v"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-v" class="ti-letter-v"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-v" class="ti-letter-v"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-v" class="ti-letter-v"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-v" class="ti-letter-v"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-v" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103d2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-w" class="ti-letter-w"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-w" class="ti-letter-w"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-w" class="ti-letter-w"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-w" class="ti-letter-w"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-w" class="ti-letter-w"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-w" class="ti-letter-w"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-w" class="ti-letter-w"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-w" class="ti-letter-w"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-w" class="ti-letter-w"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-w" class="ti-letter-w"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-w" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103d3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-x" class="ti-letter-x"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-x" class="ti-letter-x"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-x" class="ti-letter-x"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-x" class="ti-letter-x"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-x" class="ti-letter-x"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-x" class="ti-letter-x"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-x" class="ti-letter-x"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-x" class="ti-letter-x"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-x" class="ti-letter-x"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-x" class="ti-letter-x"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-x" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103d4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-y" class="ti-letter-y"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-y" class="ti-letter-y"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-y" class="ti-letter-y"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-y" class="ti-letter-y"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-y" class="ti-letter-y"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-y" class="ti-letter-y"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-y" class="ti-letter-y"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-y" class="ti-letter-y"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-y" class="ti-letter-y"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-y" class="ti-letter-y"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-y" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103d5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letter-z" class="ti-letter-z"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letter-z" class="ti-letter-z"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letter-z" class="ti-letter-z"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letter-z" class="ti-letter-z"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letter-z" class="ti-letter-z"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letter-z" class="ti-letter-z"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letter-z" class="ti-letter-z"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letter-z" class="ti-letter-z"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letter-z" class="ti-letter-z"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letter-z" class="ti-letter-z"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letter-z" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103d6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-letters-case" class="ti-letters-case"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-letters-case" class="ti-letters-case"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-letters-case" class="ti-letters-case"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-letters-case" class="ti-letters-case"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-letters-case" class="ti-letters-case"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-letters-case" class="ti-letters-case"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-letters-case" class="ti-letters-case"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-letters-case" class="ti-letters-case"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-letters-case" class="ti-letters-case"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-letters-case" class="ti-letters-case"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-letters-case" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103d7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-license" class="ti-license"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-license" class="ti-license"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-license" class="ti-license"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-license" class="ti-license"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-license" class="ti-license"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-license" class="ti-license"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-license" class="ti-license"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-license" class="ti-license"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-license" class="ti-license"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-license" class="ti-license"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-license" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103d8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-lifebuoy" class="ti-lifebuoy"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-lifebuoy" class="ti-lifebuoy"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-lifebuoy" class="ti-lifebuoy"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-lifebuoy" class="ti-lifebuoy"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-lifebuoy" class="ti-lifebuoy"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-lifebuoy" class="ti-lifebuoy"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-lifebuoy" class="ti-lifebuoy"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-lifebuoy" class="ti-lifebuoy"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-lifebuoy" class="ti-lifebuoy"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-lifebuoy" class="ti-lifebuoy"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-lifebuoy" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103d9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-line" class="ti-line"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-line" class="ti-line"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-line" class="ti-line"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-line" class="ti-line"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-line" class="ti-line"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-line" class="ti-line"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-line" class="ti-line"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-line" class="ti-line"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-line" class="ti-line"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-line" class="ti-line"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-line" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103da;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-line-dashed" class="ti-line-dashed"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-line-dashed" class="ti-line-dashed"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-line-dashed" class="ti-line-dashed"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-line-dashed" class="ti-line-dashed"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-line-dashed" class="ti-line-dashed"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-line-dashed" class="ti-line-dashed"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-line-dashed" class="ti-line-dashed"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-line-dashed" class="ti-line-dashed"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-line-dashed" class="ti-line-dashed"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-line-dashed" class="ti-line-dashed"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-line-dashed" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103db;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-line-dotted" class="ti-line-dotted"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-line-dotted" class="ti-line-dotted"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-line-dotted" class="ti-line-dotted"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-line-dotted" class="ti-line-dotted"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-line-dotted" class="ti-line-dotted"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-line-dotted" class="ti-line-dotted"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-line-dotted" class="ti-line-dotted"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-line-dotted" class="ti-line-dotted"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-line-dotted" class="ti-line-dotted"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-line-dotted" class="ti-line-dotted"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-line-dotted" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103dc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-line-height" class="ti-line-height"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-line-height" class="ti-line-height"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-line-height" class="ti-line-height"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-line-height" class="ti-line-height"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-line-height" class="ti-line-height"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-line-height" class="ti-line-height"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-line-height" class="ti-line-height"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-line-height" class="ti-line-height"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-line-height" class="ti-line-height"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-line-height" class="ti-line-height"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-line-height" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103dd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-link" class="ti-link"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-link" class="ti-link"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-link" class="ti-link"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-link" class="ti-link"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-link" class="ti-link"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-link" class="ti-link"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-link" class="ti-link"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-link" class="ti-link"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-link" class="ti-link"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-link" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-link" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103de;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-list" class="ti-list"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-list" class="ti-list"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-list" class="ti-list"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-list" class="ti-list"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-list" class="ti-list"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-list" class="ti-list"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-list" class="ti-list"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-list" class="ti-list"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-list" class="ti-list"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-list" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-list" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103df;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-list-check" class="ti-list-check"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-list-check" class="ti-list-check"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-list-check" class="ti-list-check"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-list-check" class="ti-list-check"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-list-check" class="ti-list-check"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-list-check" class="ti-list-check"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-list-check" class="ti-list-check"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-list-check" class="ti-list-check"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-list-check" class="ti-list-check"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-list-check" class="ti-list-check"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-list-check" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103e0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-list-search" class="ti-list-search"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-list-search" class="ti-list-search"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-list-search" class="ti-list-search"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-list-search" class="ti-list-search"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-list-search" class="ti-list-search"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-list-search" class="ti-list-search"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-list-search" class="ti-list-search"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-list-search" class="ti-list-search"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-list-search" class="ti-list-search"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-list-search" class="ti-list-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-list-search" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103e1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-live-photo" class="ti-live-photo"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-live-photo" class="ti-live-photo"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-live-photo" class="ti-live-photo"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-live-photo" class="ti-live-photo"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-live-photo" class="ti-live-photo"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-live-photo" class="ti-live-photo"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-live-photo" class="ti-live-photo"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-live-photo" class="ti-live-photo"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-live-photo" class="ti-live-photo"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-live-photo" class="ti-live-photo"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-live-photo" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103e2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-live-view" class="ti-live-view"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-live-view" class="ti-live-view"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-live-view" class="ti-live-view"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-live-view" class="ti-live-view"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-live-view" class="ti-live-view"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-live-view" class="ti-live-view"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-live-view" class="ti-live-view"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-live-view" class="ti-live-view"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-live-view" class="ti-live-view"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-live-view" class="ti-live-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-live-view" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103e3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-loader" class="ti-loader"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-loader" class="ti-loader"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-loader" class="ti-loader"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-loader" class="ti-loader"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-loader" class="ti-loader"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-loader" class="ti-loader"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-loader" class="ti-loader"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-loader" class="ti-loader"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-loader" class="ti-loader"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-loader" class="ti-loader"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-loader" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103e4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-loader-quarter" class="ti-loader-quarter"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-loader-quarter" class="ti-loader-quarter"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-loader-quarter" class="ti-loader-quarter"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-loader-quarter" class="ti-loader-quarter"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-loader-quarter" class="ti-loader-quarter"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-loader-quarter" class="ti-loader-quarter"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-loader-quarter" class="ti-loader-quarter"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-loader-quarter" class="ti-loader-quarter"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-loader-quarter" class="ti-loader-quarter"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-loader-quarter" class="ti-loader-quarter"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-loader-quarter" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103e5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-location" class="ti-location"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-location" class="ti-location"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-location" class="ti-location"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-location" class="ti-location"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-location" class="ti-location"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-location" class="ti-location"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-location" class="ti-location"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-location" class="ti-location"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-location" class="ti-location"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-location" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-location" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103e6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-lock" class="ti-lock"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-lock" class="ti-lock"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-lock" class="ti-lock"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-lock" class="ti-lock"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-lock" class="ti-lock"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-lock" class="ti-lock"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-lock" class="ti-lock"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-lock" class="ti-lock"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-lock" class="ti-lock"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-lock" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-lock" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103e7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-lock-access" class="ti-lock-access"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-lock-access" class="ti-lock-access"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-lock-access" class="ti-lock-access"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-lock-access" class="ti-lock-access"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-lock-access" class="ti-lock-access"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-lock-access" class="ti-lock-access"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-lock-access" class="ti-lock-access"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-lock-access" class="ti-lock-access"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-lock-access" class="ti-lock-access"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-lock-access" class="ti-lock-access"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-lock-access" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103e8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-lock-off" class="ti-lock-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-lock-off" class="ti-lock-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-lock-off" class="ti-lock-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-lock-off" class="ti-lock-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-lock-off" class="ti-lock-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-lock-off" class="ti-lock-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-lock-off" class="ti-lock-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-lock-off" class="ti-lock-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-lock-off" class="ti-lock-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-lock-off" class="ti-lock-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-lock-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103e9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-lock-open" class="ti-lock-open"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-lock-open" class="ti-lock-open"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-lock-open" class="ti-lock-open"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-lock-open" class="ti-lock-open"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-lock-open" class="ti-lock-open"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-lock-open" class="ti-lock-open"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-lock-open" class="ti-lock-open"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-lock-open" class="ti-lock-open"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-lock-open" class="ti-lock-open"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-lock-open" class="ti-lock-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-lock-open" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103ea;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-login" class="ti-login"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-login" class="ti-login"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-login" class="ti-login"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-login" class="ti-login"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-login" class="ti-login"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-login" class="ti-login"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-login" class="ti-login"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-login" class="ti-login"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-login" class="ti-login"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-login" class="ti-login"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-login" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103eb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-logout" class="ti-logout"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-logout" class="ti-logout"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-logout" class="ti-logout"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-logout" class="ti-logout"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-logout" class="ti-logout"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-logout" class="ti-logout"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-logout" class="ti-logout"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-logout" class="ti-logout"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-logout" class="ti-logout"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-logout" class="ti-logout"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-logout" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103ec;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-macro" class="ti-macro"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-macro" class="ti-macro"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-macro" class="ti-macro"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-macro" class="ti-macro"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-macro" class="ti-macro"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-macro" class="ti-macro"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-macro" class="ti-macro"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-macro" class="ti-macro"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-macro" class="ti-macro"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-macro" class="ti-macro"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-macro" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103ed;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-magnet" class="ti-magnet"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-magnet" class="ti-magnet"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-magnet" class="ti-magnet"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-magnet" class="ti-magnet"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-magnet" class="ti-magnet"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-magnet" class="ti-magnet"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-magnet" class="ti-magnet"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-magnet" class="ti-magnet"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-magnet" class="ti-magnet"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-magnet" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-magnet" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103ee;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mail" class="ti-mail"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mail" class="ti-mail"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mail" class="ti-mail"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mail" class="ti-mail"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mail" class="ti-mail"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mail" class="ti-mail"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mail" class="ti-mail"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mail" class="ti-mail"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mail" class="ti-mail"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mail" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mail" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103ef;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mail-forward" class="ti-mail-forward"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mail-forward" class="ti-mail-forward"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mail-forward" class="ti-mail-forward"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mail-forward" class="ti-mail-forward"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mail-forward" class="ti-mail-forward"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mail-forward" class="ti-mail-forward"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mail-forward" class="ti-mail-forward"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mail-forward" class="ti-mail-forward"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mail-forward" class="ti-mail-forward"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mail-forward" class="ti-mail-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mail-forward" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103f0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mail-opened" class="ti-mail-opened"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mail-opened" class="ti-mail-opened"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mail-opened" class="ti-mail-opened"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mail-opened" class="ti-mail-opened"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mail-opened" class="ti-mail-opened"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mail-opened" class="ti-mail-opened"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mail-opened" class="ti-mail-opened"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mail-opened" class="ti-mail-opened"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mail-opened" class="ti-mail-opened"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mail-opened" class="ti-mail-opened"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mail-opened" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103f1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mailbox" class="ti-mailbox"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mailbox" class="ti-mailbox"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mailbox" class="ti-mailbox"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mailbox" class="ti-mailbox"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mailbox" class="ti-mailbox"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mailbox" class="ti-mailbox"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mailbox" class="ti-mailbox"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mailbox" class="ti-mailbox"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mailbox" class="ti-mailbox"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mailbox" class="ti-mailbox"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mailbox" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103f2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-man" class="ti-man"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-man" class="ti-man"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-man" class="ti-man"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-man" class="ti-man"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-man" class="ti-man"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-man" class="ti-man"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-man" class="ti-man"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-man" class="ti-man"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-man" class="ti-man"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-man" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-man" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103f3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-manual-gearbox" class="ti-manual-gearbox"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-manual-gearbox" class="ti-manual-gearbox"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-manual-gearbox" class="ti-manual-gearbox"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-manual-gearbox" class="ti-manual-gearbox"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-manual-gearbox" class="ti-manual-gearbox"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-manual-gearbox" class="ti-manual-gearbox"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-manual-gearbox" class="ti-manual-gearbox"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-manual-gearbox" class="ti-manual-gearbox"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-manual-gearbox" class="ti-manual-gearbox"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-manual-gearbox" class="ti-manual-gearbox"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-manual-gearbox" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103f4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-map" class="ti-map"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-map" class="ti-map"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-map" class="ti-map"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-map" class="ti-map"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-map" class="ti-map"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-map" class="ti-map"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-map" class="ti-map"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-map" class="ti-map"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-map" class="ti-map"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-map" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-map" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103f5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-map-2" class="ti-map-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-map-2" class="ti-map-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-map-2" class="ti-map-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-map-2" class="ti-map-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-map-2" class="ti-map-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-map-2" class="ti-map-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-map-2" class="ti-map-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-map-2" class="ti-map-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-map-2" class="ti-map-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-map-2" class="ti-map-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-map-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103f6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-map-pin" class="ti-map-pin"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-map-pin" class="ti-map-pin"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-map-pin" class="ti-map-pin"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-map-pin" class="ti-map-pin"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-map-pin" class="ti-map-pin"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-map-pin" class="ti-map-pin"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-map-pin" class="ti-map-pin"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-map-pin" class="ti-map-pin"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-map-pin" class="ti-map-pin"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-map-pin" class="ti-map-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-map-pin" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103f7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-map-pin-off" class="ti-map-pin-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-map-pin-off" class="ti-map-pin-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-map-pin-off" class="ti-map-pin-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-map-pin-off" class="ti-map-pin-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-map-pin-off" class="ti-map-pin-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-map-pin-off" class="ti-map-pin-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-map-pin-off" class="ti-map-pin-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-map-pin-off" class="ti-map-pin-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-map-pin-off" class="ti-map-pin-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-map-pin-off" class="ti-map-pin-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-map-pin-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103f8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-map-pins" class="ti-map-pins"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-map-pins" class="ti-map-pins"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-map-pins" class="ti-map-pins"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-map-pins" class="ti-map-pins"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-map-pins" class="ti-map-pins"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-map-pins" class="ti-map-pins"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-map-pins" class="ti-map-pins"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-map-pins" class="ti-map-pins"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-map-pins" class="ti-map-pins"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-map-pins" class="ti-map-pins"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-map-pins" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103f9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-markdown" class="ti-markdown"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-markdown" class="ti-markdown"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-markdown" class="ti-markdown"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-markdown" class="ti-markdown"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-markdown" class="ti-markdown"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-markdown" class="ti-markdown"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-markdown" class="ti-markdown"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-markdown" class="ti-markdown"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-markdown" class="ti-markdown"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-markdown" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-markdown" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103fa;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-marquee" class="ti-marquee"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-marquee" class="ti-marquee"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-marquee" class="ti-marquee"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-marquee" class="ti-marquee"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-marquee" class="ti-marquee"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-marquee" class="ti-marquee"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-marquee" class="ti-marquee"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-marquee" class="ti-marquee"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-marquee" class="ti-marquee"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-marquee" class="ti-marquee"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-marquee" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103fb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-marquee-2" class="ti-marquee-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-marquee-2" class="ti-marquee-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-marquee-2" class="ti-marquee-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-marquee-2" class="ti-marquee-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-marquee-2" class="ti-marquee-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-marquee-2" class="ti-marquee-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-marquee-2" class="ti-marquee-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-marquee-2" class="ti-marquee-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-marquee-2" class="ti-marquee-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-marquee-2" class="ti-marquee-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-marquee-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103fc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mars" class="ti-mars"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mars" class="ti-mars"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mars" class="ti-mars"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mars" class="ti-mars"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mars" class="ti-mars"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mars" class="ti-mars"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mars" class="ti-mars"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mars" class="ti-mars"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mars" class="ti-mars"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mars" class="ti-mars"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mars" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103fd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mask" class="ti-mask"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mask" class="ti-mask"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mask" class="ti-mask"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mask" class="ti-mask"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mask" class="ti-mask"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mask" class="ti-mask"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mask" class="ti-mask"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mask" class="ti-mask"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mask" class="ti-mask"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mask" class="ti-mask"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mask" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103fe;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mask-off" class="ti-mask-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mask-off" class="ti-mask-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mask-off" class="ti-mask-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mask-off" class="ti-mask-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mask-off" class="ti-mask-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mask-off" class="ti-mask-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mask-off" class="ti-mask-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mask-off" class="ti-mask-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mask-off" class="ti-mask-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mask-off" class="ti-mask-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mask-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x103ff;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-massage" class="ti-massage"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-massage" class="ti-massage"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-massage" class="ti-massage"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-massage" class="ti-massage"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-massage" class="ti-massage"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-massage" class="ti-massage"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-massage" class="ti-massage"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-massage" class="ti-massage"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-massage" class="ti-massage"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-massage" class="ti-massage"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-massage" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10400;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-math" class="ti-math"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-math" class="ti-math"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-math" class="ti-math"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-math" class="ti-math"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-math" class="ti-math"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-math" class="ti-math"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-math" class="ti-math"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-math" class="ti-math"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-math" class="ti-math"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-math" class="ti-math"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-math" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10401;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-math-function" class="ti-math-function"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-math-function" class="ti-math-function"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-math-function" class="ti-math-function"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-math-function" class="ti-math-function"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-math-function" class="ti-math-function"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-math-function" class="ti-math-function"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-math-function" class="ti-math-function"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-math-function" class="ti-math-function"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-math-function" class="ti-math-function"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-math-function" class="ti-math-function"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-math-function" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10402;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-math-symbols" class="ti-math-symbols"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-math-symbols" class="ti-math-symbols"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-math-symbols" class="ti-math-symbols"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-math-symbols" class="ti-math-symbols"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-math-symbols" class="ti-math-symbols"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-math-symbols" class="ti-math-symbols"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-math-symbols" class="ti-math-symbols"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-math-symbols" class="ti-math-symbols"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-math-symbols" class="ti-math-symbols"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-math-symbols" class="ti-math-symbols"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-math-symbols" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10403;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-maximize" class="ti-maximize"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-maximize" class="ti-maximize"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-maximize" class="ti-maximize"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-maximize" class="ti-maximize"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-maximize" class="ti-maximize"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-maximize" class="ti-maximize"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-maximize" class="ti-maximize"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-maximize" class="ti-maximize"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-maximize" class="ti-maximize"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-maximize" class="ti-maximize"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-maximize" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10404;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-medal" class="ti-medal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-medal" class="ti-medal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-medal" class="ti-medal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-medal" class="ti-medal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-medal" class="ti-medal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-medal" class="ti-medal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-medal" class="ti-medal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-medal" class="ti-medal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-medal" class="ti-medal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-medal" class="ti-medal"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-medal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10405;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-medical-cross" class="ti-medical-cross"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-medical-cross" class="ti-medical-cross"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-medical-cross" class="ti-medical-cross"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-medical-cross" class="ti-medical-cross"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-medical-cross" class="ti-medical-cross"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-medical-cross" class="ti-medical-cross"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-medical-cross" class="ti-medical-cross"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-medical-cross" class="ti-medical-cross"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-medical-cross" class="ti-medical-cross"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-medical-cross" class="ti-medical-cross"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-medical-cross" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10406;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-menu" class="ti-menu"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-menu" class="ti-menu"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-menu" class="ti-menu"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-menu" class="ti-menu"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-menu" class="ti-menu"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-menu" class="ti-menu"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-menu" class="ti-menu"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-menu" class="ti-menu"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-menu" class="ti-menu"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-menu" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-menu" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10407;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-menu-2" class="ti-menu-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-menu-2" class="ti-menu-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-menu-2" class="ti-menu-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-menu-2" class="ti-menu-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-menu-2" class="ti-menu-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-menu-2" class="ti-menu-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-menu-2" class="ti-menu-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-menu-2" class="ti-menu-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-menu-2" class="ti-menu-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-menu-2" class="ti-menu-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-menu-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10408;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-message" class="ti-message"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-message" class="ti-message"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-message" class="ti-message"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-message" class="ti-message"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-message" class="ti-message"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-message" class="ti-message"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-message" class="ti-message"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-message" class="ti-message"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-message" class="ti-message"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-message" class="ti-message"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-message" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10409;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-message-2" class="ti-message-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-message-2" class="ti-message-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-message-2" class="ti-message-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-message-2" class="ti-message-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-message-2" class="ti-message-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-message-2" class="ti-message-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-message-2" class="ti-message-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-message-2" class="ti-message-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-message-2" class="ti-message-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-message-2" class="ti-message-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-message-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1040a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-message-circle" class="ti-message-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-message-circle" class="ti-message-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-message-circle" class="ti-message-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-message-circle" class="ti-message-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-message-circle" class="ti-message-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-message-circle" class="ti-message-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-message-circle" class="ti-message-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-message-circle" class="ti-message-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-message-circle" class="ti-message-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-message-circle" class="ti-message-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-message-circle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1040b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-message-circle-2" class="ti-message-circle-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-message-circle-2" class="ti-message-circle-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-message-circle-2" class="ti-message-circle-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-message-circle-2" class="ti-message-circle-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-message-circle-2" class="ti-message-circle-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-message-circle-2" class="ti-message-circle-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-message-circle-2" class="ti-message-circle-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-message-circle-2" class="ti-message-circle-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-message-circle-2" class="ti-message-circle-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-message-circle-2" class="ti-message-circle-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-message-circle-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1040c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-message-circle-off" class="ti-message-circle-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-message-circle-off" class="ti-message-circle-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-message-circle-off" class="ti-message-circle-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-message-circle-off" class="ti-message-circle-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-message-circle-off" class="ti-message-circle-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-message-circle-off" class="ti-message-circle-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-message-circle-off" class="ti-message-circle-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-message-circle-off" class="ti-message-circle-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-message-circle-off" class="ti-message-circle-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-message-circle-off" class="ti-message-circle-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-message-circle-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1040d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-message-dots" class="ti-message-dots"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-message-dots" class="ti-message-dots"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-message-dots" class="ti-message-dots"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-message-dots" class="ti-message-dots"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-message-dots" class="ti-message-dots"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-message-dots" class="ti-message-dots"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-message-dots" class="ti-message-dots"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-message-dots" class="ti-message-dots"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-message-dots" class="ti-message-dots"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-message-dots" class="ti-message-dots"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-message-dots" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1040e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-message-off" class="ti-message-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-message-off" class="ti-message-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-message-off" class="ti-message-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-message-off" class="ti-message-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-message-off" class="ti-message-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-message-off" class="ti-message-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-message-off" class="ti-message-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-message-off" class="ti-message-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-message-off" class="ti-message-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-message-off" class="ti-message-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-message-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1040f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-message-plus" class="ti-message-plus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-message-plus" class="ti-message-plus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-message-plus" class="ti-message-plus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-message-plus" class="ti-message-plus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-message-plus" class="ti-message-plus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-message-plus" class="ti-message-plus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-message-plus" class="ti-message-plus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-message-plus" class="ti-message-plus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-message-plus" class="ti-message-plus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-message-plus" class="ti-message-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-message-plus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10410;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-message-report" class="ti-message-report"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-message-report" class="ti-message-report"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-message-report" class="ti-message-report"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-message-report" class="ti-message-report"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-message-report" class="ti-message-report"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-message-report" class="ti-message-report"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-message-report" class="ti-message-report"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-message-report" class="ti-message-report"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-message-report" class="ti-message-report"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-message-report" class="ti-message-report"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-message-report" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10411;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-messages" class="ti-messages"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-messages" class="ti-messages"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-messages" class="ti-messages"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-messages" class="ti-messages"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-messages" class="ti-messages"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-messages" class="ti-messages"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-messages" class="ti-messages"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-messages" class="ti-messages"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-messages" class="ti-messages"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-messages" class="ti-messages"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-messages" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10412;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-messages-off" class="ti-messages-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-messages-off" class="ti-messages-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-messages-off" class="ti-messages-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-messages-off" class="ti-messages-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-messages-off" class="ti-messages-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-messages-off" class="ti-messages-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-messages-off" class="ti-messages-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-messages-off" class="ti-messages-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-messages-off" class="ti-messages-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-messages-off" class="ti-messages-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-messages-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10413;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-microphone" class="ti-microphone"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-microphone" class="ti-microphone"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-microphone" class="ti-microphone"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-microphone" class="ti-microphone"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-microphone" class="ti-microphone"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-microphone" class="ti-microphone"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-microphone" class="ti-microphone"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-microphone" class="ti-microphone"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-microphone" class="ti-microphone"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-microphone" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-microphone" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10414;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-microphone-off" class="ti-microphone-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-microphone-off" class="ti-microphone-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-microphone-off" class="ti-microphone-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-microphone-off" class="ti-microphone-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-microphone-off" class="ti-microphone-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-microphone-off" class="ti-microphone-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-microphone-off" class="ti-microphone-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-microphone-off" class="ti-microphone-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-microphone-off" class="ti-microphone-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-microphone-off" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-microphone-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10415;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-minimize" class="ti-minimize"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-minimize" class="ti-minimize"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-minimize" class="ti-minimize"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-minimize" class="ti-minimize"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-minimize" class="ti-minimize"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-minimize" class="ti-minimize"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-minimize" class="ti-minimize"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-minimize" class="ti-minimize"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-minimize" class="ti-minimize"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-minimize" class="ti-minimize"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-minimize" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10416;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-minus" class="ti-minus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-minus" class="ti-minus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-minus" class="ti-minus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-minus" class="ti-minus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-minus" class="ti-minus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-minus" class="ti-minus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-minus" class="ti-minus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-minus" class="ti-minus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-minus" class="ti-minus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-minus" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-minus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10417;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-minus-vertical" class="ti-minus-vertical"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-minus-vertical" class="ti-minus-vertical"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-minus-vertical" class="ti-minus-vertical"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-minus-vertical" class="ti-minus-vertical"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-minus-vertical" class="ti-minus-vertical"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-minus-vertical" class="ti-minus-vertical"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-minus-vertical" class="ti-minus-vertical"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-minus-vertical" class="ti-minus-vertical"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-minus-vertical" class="ti-minus-vertical"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-minus-vertical" class="ti-minus-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-minus-vertical" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10418;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mist" class="ti-mist"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mist" class="ti-mist"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mist" class="ti-mist"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mist" class="ti-mist"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mist" class="ti-mist"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mist" class="ti-mist"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mist" class="ti-mist"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mist" class="ti-mist"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mist" class="ti-mist"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mist" class="ti-mist"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mist" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10419;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mood-boy" class="ti-mood-boy"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mood-boy" class="ti-mood-boy"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mood-boy" class="ti-mood-boy"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mood-boy" class="ti-mood-boy"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mood-boy" class="ti-mood-boy"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mood-boy" class="ti-mood-boy"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mood-boy" class="ti-mood-boy"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mood-boy" class="ti-mood-boy"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mood-boy" class="ti-mood-boy"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mood-boy" class="ti-mood-boy"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mood-boy" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1041a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mood-confuzed" class="ti-mood-confuzed"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mood-confuzed" class="ti-mood-confuzed"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mood-confuzed" class="ti-mood-confuzed"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mood-confuzed" class="ti-mood-confuzed"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mood-confuzed" class="ti-mood-confuzed"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mood-confuzed" class="ti-mood-confuzed"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mood-confuzed" class="ti-mood-confuzed"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mood-confuzed" class="ti-mood-confuzed"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mood-confuzed" class="ti-mood-confuzed"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mood-confuzed" class="ti-mood-confuzed"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mood-confuzed" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1041b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mood-crazy-happy" class="ti-mood-crazy-happy"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mood-crazy-happy" class="ti-mood-crazy-happy"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mood-crazy-happy" class="ti-mood-crazy-happy"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mood-crazy-happy" class="ti-mood-crazy-happy"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mood-crazy-happy" class="ti-mood-crazy-happy"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mood-crazy-happy" class="ti-mood-crazy-happy"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mood-crazy-happy" class="ti-mood-crazy-happy"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mood-crazy-happy" class="ti-mood-crazy-happy"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mood-crazy-happy" class="ti-mood-crazy-happy"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mood-crazy-happy" class="ti-mood-crazy-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mood-crazy-happy" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1041c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mood-cry" class="ti-mood-cry"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mood-cry" class="ti-mood-cry"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mood-cry" class="ti-mood-cry"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mood-cry" class="ti-mood-cry"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mood-cry" class="ti-mood-cry"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mood-cry" class="ti-mood-cry"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mood-cry" class="ti-mood-cry"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mood-cry" class="ti-mood-cry"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mood-cry" class="ti-mood-cry"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mood-cry" class="ti-mood-cry"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mood-cry" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1041d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mood-empty" class="ti-mood-empty"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mood-empty" class="ti-mood-empty"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mood-empty" class="ti-mood-empty"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mood-empty" class="ti-mood-empty"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mood-empty" class="ti-mood-empty"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mood-empty" class="ti-mood-empty"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mood-empty" class="ti-mood-empty"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mood-empty" class="ti-mood-empty"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mood-empty" class="ti-mood-empty"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mood-empty" class="ti-mood-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mood-empty" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1041e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mood-happy" class="ti-mood-happy"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mood-happy" class="ti-mood-happy"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mood-happy" class="ti-mood-happy"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mood-happy" class="ti-mood-happy"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mood-happy" class="ti-mood-happy"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mood-happy" class="ti-mood-happy"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mood-happy" class="ti-mood-happy"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mood-happy" class="ti-mood-happy"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mood-happy" class="ti-mood-happy"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mood-happy" class="ti-mood-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mood-happy" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1041f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mood-kid" class="ti-mood-kid"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mood-kid" class="ti-mood-kid"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mood-kid" class="ti-mood-kid"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mood-kid" class="ti-mood-kid"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mood-kid" class="ti-mood-kid"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mood-kid" class="ti-mood-kid"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mood-kid" class="ti-mood-kid"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mood-kid" class="ti-mood-kid"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mood-kid" class="ti-mood-kid"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mood-kid" class="ti-mood-kid"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mood-kid" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10420;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mood-neutral" class="ti-mood-neutral"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mood-neutral" class="ti-mood-neutral"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mood-neutral" class="ti-mood-neutral"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mood-neutral" class="ti-mood-neutral"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mood-neutral" class="ti-mood-neutral"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mood-neutral" class="ti-mood-neutral"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mood-neutral" class="ti-mood-neutral"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mood-neutral" class="ti-mood-neutral"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mood-neutral" class="ti-mood-neutral"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mood-neutral" class="ti-mood-neutral"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mood-neutral" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10421;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mood-sad" class="ti-mood-sad"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mood-sad" class="ti-mood-sad"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mood-sad" class="ti-mood-sad"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mood-sad" class="ti-mood-sad"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mood-sad" class="ti-mood-sad"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mood-sad" class="ti-mood-sad"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mood-sad" class="ti-mood-sad"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mood-sad" class="ti-mood-sad"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mood-sad" class="ti-mood-sad"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mood-sad" class="ti-mood-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mood-sad" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10422;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mood-smile" class="ti-mood-smile"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mood-smile" class="ti-mood-smile"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mood-smile" class="ti-mood-smile"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mood-smile" class="ti-mood-smile"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mood-smile" class="ti-mood-smile"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mood-smile" class="ti-mood-smile"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mood-smile" class="ti-mood-smile"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mood-smile" class="ti-mood-smile"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mood-smile" class="ti-mood-smile"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mood-smile" class="ti-mood-smile"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mood-smile" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10423;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mood-suprised" class="ti-mood-suprised"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mood-suprised" class="ti-mood-suprised"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mood-suprised" class="ti-mood-suprised"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mood-suprised" class="ti-mood-suprised"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mood-suprised" class="ti-mood-suprised"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mood-suprised" class="ti-mood-suprised"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mood-suprised" class="ti-mood-suprised"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mood-suprised" class="ti-mood-suprised"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mood-suprised" class="ti-mood-suprised"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mood-suprised" class="ti-mood-suprised"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mood-suprised" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10424;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mood-tongue" class="ti-mood-tongue"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mood-tongue" class="ti-mood-tongue"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mood-tongue" class="ti-mood-tongue"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mood-tongue" class="ti-mood-tongue"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mood-tongue" class="ti-mood-tongue"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mood-tongue" class="ti-mood-tongue"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mood-tongue" class="ti-mood-tongue"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mood-tongue" class="ti-mood-tongue"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mood-tongue" class="ti-mood-tongue"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mood-tongue" class="ti-mood-tongue"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mood-tongue" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10425;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-moon" class="ti-moon"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-moon" class="ti-moon"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-moon" class="ti-moon"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-moon" class="ti-moon"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-moon" class="ti-moon"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-moon" class="ti-moon"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-moon" class="ti-moon"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-moon" class="ti-moon"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-moon" class="ti-moon"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-moon" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-moon" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10426;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-moon-2" class="ti-moon-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-moon-2" class="ti-moon-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-moon-2" class="ti-moon-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-moon-2" class="ti-moon-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-moon-2" class="ti-moon-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-moon-2" class="ti-moon-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-moon-2" class="ti-moon-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-moon-2" class="ti-moon-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-moon-2" class="ti-moon-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-moon-2" class="ti-moon-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-moon-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10427;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-moon-stars" class="ti-moon-stars"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-moon-stars" class="ti-moon-stars"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-moon-stars" class="ti-moon-stars"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-moon-stars" class="ti-moon-stars"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-moon-stars" class="ti-moon-stars"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-moon-stars" class="ti-moon-stars"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-moon-stars" class="ti-moon-stars"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-moon-stars" class="ti-moon-stars"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-moon-stars" class="ti-moon-stars"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-moon-stars" class="ti-moon-stars"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-moon-stars" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10428;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-moped" class="ti-moped"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-moped" class="ti-moped"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-moped" class="ti-moped"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-moped" class="ti-moped"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-moped" class="ti-moped"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-moped" class="ti-moped"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-moped" class="ti-moped"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-moped" class="ti-moped"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-moped" class="ti-moped"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-moped" class="ti-moped"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-moped" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10429;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-motorbike" class="ti-motorbike"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-motorbike" class="ti-motorbike"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-motorbike" class="ti-motorbike"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-motorbike" class="ti-motorbike"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-motorbike" class="ti-motorbike"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-motorbike" class="ti-motorbike"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-motorbike" class="ti-motorbike"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-motorbike" class="ti-motorbike"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-motorbike" class="ti-motorbike"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-motorbike" class="ti-motorbike"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-motorbike" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1042a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mouse" class="ti-mouse"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mouse" class="ti-mouse"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mouse" class="ti-mouse"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mouse" class="ti-mouse"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mouse" class="ti-mouse"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mouse" class="ti-mouse"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mouse" class="ti-mouse"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mouse" class="ti-mouse"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mouse" class="ti-mouse"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mouse" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mouse" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1042b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-movie" class="ti-movie"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-movie" class="ti-movie"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-movie" class="ti-movie"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-movie" class="ti-movie"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-movie" class="ti-movie"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-movie" class="ti-movie"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-movie" class="ti-movie"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-movie" class="ti-movie"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-movie" class="ti-movie"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-movie" class="ti-movie"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-movie" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1042c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-mug" class="ti-mug"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-mug" class="ti-mug"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-mug" class="ti-mug"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-mug" class="ti-mug"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-mug" class="ti-mug"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-mug" class="ti-mug"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-mug" class="ti-mug"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-mug" class="ti-mug"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-mug" class="ti-mug"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-mug" class="ti-mug"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-mug" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1042d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-music" class="ti-music"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-music" class="ti-music"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-music" class="ti-music"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-music" class="ti-music"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-music" class="ti-music"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-music" class="ti-music"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-music" class="ti-music"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-music" class="ti-music"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-music" class="ti-music"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-music" class="ti-music"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-music" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1042e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-new-section" class="ti-new-section"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-new-section" class="ti-new-section"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-new-section" class="ti-new-section"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-new-section" class="ti-new-section"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-new-section" class="ti-new-section"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-new-section" class="ti-new-section"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-new-section" class="ti-new-section"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-new-section" class="ti-new-section"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-new-section" class="ti-new-section"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-new-section" class="ti-new-section"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-new-section" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1042f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-news" class="ti-news"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-news" class="ti-news"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-news" class="ti-news"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-news" class="ti-news"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-news" class="ti-news"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-news" class="ti-news"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-news" class="ti-news"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-news" class="ti-news"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-news" class="ti-news"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-news" class="ti-news"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-news" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10430;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-nfc" class="ti-nfc"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-nfc" class="ti-nfc"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-nfc" class="ti-nfc"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-nfc" class="ti-nfc"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-nfc" class="ti-nfc"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-nfc" class="ti-nfc"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-nfc" class="ti-nfc"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-nfc" class="ti-nfc"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-nfc" class="ti-nfc"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-nfc" class="ti-nfc"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-nfc" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10431;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-note" class="ti-note"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-note" class="ti-note"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-note" class="ti-note"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-note" class="ti-note"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-note" class="ti-note"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-note" class="ti-note"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-note" class="ti-note"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-note" class="ti-note"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-note" class="ti-note"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-note" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-note" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10432;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-notebook" class="ti-notebook"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-notebook" class="ti-notebook"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-notebook" class="ti-notebook"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-notebook" class="ti-notebook"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-notebook" class="ti-notebook"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-notebook" class="ti-notebook"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-notebook" class="ti-notebook"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-notebook" class="ti-notebook"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-notebook" class="ti-notebook"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-notebook" class="ti-notebook"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-notebook" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10433;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-notes" class="ti-notes"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-notes" class="ti-notes"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-notes" class="ti-notes"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-notes" class="ti-notes"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-notes" class="ti-notes"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-notes" class="ti-notes"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-notes" class="ti-notes"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-notes" class="ti-notes"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-notes" class="ti-notes"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-notes" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-notes" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10434;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-notification" class="ti-notification"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-notification" class="ti-notification"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-notification" class="ti-notification"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-notification" class="ti-notification"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-notification" class="ti-notification"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-notification" class="ti-notification"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-notification" class="ti-notification"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-notification" class="ti-notification"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-notification" class="ti-notification"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-notification" class="ti-notification"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-notification" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10435;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-number-0" class="ti-number-0"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-number-0" class="ti-number-0"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-number-0" class="ti-number-0"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-number-0" class="ti-number-0"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-number-0" class="ti-number-0"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-number-0" class="ti-number-0"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-number-0" class="ti-number-0"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-number-0" class="ti-number-0"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-number-0" class="ti-number-0"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-number-0" class="ti-number-0"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-number-0" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10436;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-number-1" class="ti-number-1"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-number-1" class="ti-number-1"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-number-1" class="ti-number-1"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-number-1" class="ti-number-1"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-number-1" class="ti-number-1"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-number-1" class="ti-number-1"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-number-1" class="ti-number-1"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-number-1" class="ti-number-1"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-number-1" class="ti-number-1"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-number-1" class="ti-number-1"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-number-1" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10437;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-number-2" class="ti-number-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-number-2" class="ti-number-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-number-2" class="ti-number-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-number-2" class="ti-number-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-number-2" class="ti-number-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-number-2" class="ti-number-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-number-2" class="ti-number-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-number-2" class="ti-number-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-number-2" class="ti-number-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-number-2" class="ti-number-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-number-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10438;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-number-3" class="ti-number-3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-number-3" class="ti-number-3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-number-3" class="ti-number-3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-number-3" class="ti-number-3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-number-3" class="ti-number-3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-number-3" class="ti-number-3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-number-3" class="ti-number-3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-number-3" class="ti-number-3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-number-3" class="ti-number-3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-number-3" class="ti-number-3"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-number-3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10439;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-number-4" class="ti-number-4"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-number-4" class="ti-number-4"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-number-4" class="ti-number-4"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-number-4" class="ti-number-4"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-number-4" class="ti-number-4"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-number-4" class="ti-number-4"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-number-4" class="ti-number-4"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-number-4" class="ti-number-4"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-number-4" class="ti-number-4"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-number-4" class="ti-number-4"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-number-4" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1043a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-number-5" class="ti-number-5"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-number-5" class="ti-number-5"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-number-5" class="ti-number-5"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-number-5" class="ti-number-5"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-number-5" class="ti-number-5"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-number-5" class="ti-number-5"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-number-5" class="ti-number-5"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-number-5" class="ti-number-5"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-number-5" class="ti-number-5"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-number-5" class="ti-number-5"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-number-5" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1043b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-number-6" class="ti-number-6"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-number-6" class="ti-number-6"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-number-6" class="ti-number-6"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-number-6" class="ti-number-6"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-number-6" class="ti-number-6"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-number-6" class="ti-number-6"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-number-6" class="ti-number-6"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-number-6" class="ti-number-6"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-number-6" class="ti-number-6"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-number-6" class="ti-number-6"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-number-6" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1043c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-number-7" class="ti-number-7"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-number-7" class="ti-number-7"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-number-7" class="ti-number-7"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-number-7" class="ti-number-7"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-number-7" class="ti-number-7"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-number-7" class="ti-number-7"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-number-7" class="ti-number-7"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-number-7" class="ti-number-7"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-number-7" class="ti-number-7"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-number-7" class="ti-number-7"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-number-7" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1043d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-number-8" class="ti-number-8"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-number-8" class="ti-number-8"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-number-8" class="ti-number-8"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-number-8" class="ti-number-8"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-number-8" class="ti-number-8"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-number-8" class="ti-number-8"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-number-8" class="ti-number-8"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-number-8" class="ti-number-8"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-number-8" class="ti-number-8"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-number-8" class="ti-number-8"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-number-8" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1043e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-number-9" class="ti-number-9"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-number-9" class="ti-number-9"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-number-9" class="ti-number-9"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-number-9" class="ti-number-9"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-number-9" class="ti-number-9"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-number-9" class="ti-number-9"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-number-9" class="ti-number-9"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-number-9" class="ti-number-9"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-number-9" class="ti-number-9"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-number-9" class="ti-number-9"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-number-9" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1043f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-octagon" class="ti-octagon"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-octagon" class="ti-octagon"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-octagon" class="ti-octagon"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-octagon" class="ti-octagon"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-octagon" class="ti-octagon"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-octagon" class="ti-octagon"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-octagon" class="ti-octagon"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-octagon" class="ti-octagon"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-octagon" class="ti-octagon"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-octagon" class="ti-octagon"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-octagon" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10440;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-octagon-off" class="ti-octagon-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-octagon-off" class="ti-octagon-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-octagon-off" class="ti-octagon-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-octagon-off" class="ti-octagon-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-octagon-off" class="ti-octagon-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-octagon-off" class="ti-octagon-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-octagon-off" class="ti-octagon-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-octagon-off" class="ti-octagon-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-octagon-off" class="ti-octagon-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-octagon-off" class="ti-octagon-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-octagon-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10441;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-old" class="ti-old"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-old" class="ti-old"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-old" class="ti-old"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-old" class="ti-old"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-old" class="ti-old"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-old" class="ti-old"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-old" class="ti-old"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-old" class="ti-old"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-old" class="ti-old"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-old" class="ti-old"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-old" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10442;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-olympics" class="ti-olympics"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-olympics" class="ti-olympics"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-olympics" class="ti-olympics"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-olympics" class="ti-olympics"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-olympics" class="ti-olympics"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-olympics" class="ti-olympics"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-olympics" class="ti-olympics"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-olympics" class="ti-olympics"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-olympics" class="ti-olympics"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-olympics" class="ti-olympics"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-olympics" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10443;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-omega" class="ti-omega"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-omega" class="ti-omega"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-omega" class="ti-omega"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-omega" class="ti-omega"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-omega" class="ti-omega"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-omega" class="ti-omega"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-omega" class="ti-omega"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-omega" class="ti-omega"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-omega" class="ti-omega"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-omega" class="ti-omega"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-omega" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10444;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-outlet" class="ti-outlet"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-outlet" class="ti-outlet"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-outlet" class="ti-outlet"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-outlet" class="ti-outlet"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-outlet" class="ti-outlet"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-outlet" class="ti-outlet"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-outlet" class="ti-outlet"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-outlet" class="ti-outlet"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-outlet" class="ti-outlet"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-outlet" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-outlet" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10445;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-overline" class="ti-overline"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-overline" class="ti-overline"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-overline" class="ti-overline"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-overline" class="ti-overline"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-overline" class="ti-overline"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-overline" class="ti-overline"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-overline" class="ti-overline"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-overline" class="ti-overline"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-overline" class="ti-overline"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-overline" class="ti-overline"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-overline" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10446;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-package" class="ti-package"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-package" class="ti-package"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-package" class="ti-package"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-package" class="ti-package"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-package" class="ti-package"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-package" class="ti-package"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-package" class="ti-package"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-package" class="ti-package"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-package" class="ti-package"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-package" class="ti-package"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-package" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10447;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-pacman" class="ti-pacman"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-pacman" class="ti-pacman"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-pacman" class="ti-pacman"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-pacman" class="ti-pacman"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-pacman" class="ti-pacman"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-pacman" class="ti-pacman"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-pacman" class="ti-pacman"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-pacman" class="ti-pacman"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-pacman" class="ti-pacman"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-pacman" class="ti-pacman"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-pacman" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10448;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-page-break" class="ti-page-break"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-page-break" class="ti-page-break"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-page-break" class="ti-page-break"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-page-break" class="ti-page-break"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-page-break" class="ti-page-break"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-page-break" class="ti-page-break"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-page-break" class="ti-page-break"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-page-break" class="ti-page-break"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-page-break" class="ti-page-break"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-page-break" class="ti-page-break"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-page-break" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10449;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-paint" class="ti-paint"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-paint" class="ti-paint"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-paint" class="ti-paint"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-paint" class="ti-paint"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-paint" class="ti-paint"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-paint" class="ti-paint"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-paint" class="ti-paint"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-paint" class="ti-paint"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-paint" class="ti-paint"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-paint" class="ti-paint"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-paint" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1044a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-palette" class="ti-palette"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-palette" class="ti-palette"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-palette" class="ti-palette"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-palette" class="ti-palette"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-palette" class="ti-palette"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-palette" class="ti-palette"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-palette" class="ti-palette"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-palette" class="ti-palette"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-palette" class="ti-palette"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-palette" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-palette" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1044b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-panorama-horizontal" class="ti-panorama-horizontal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-panorama-horizontal" class="ti-panorama-horizontal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-panorama-horizontal" class="ti-panorama-horizontal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-panorama-horizontal" class="ti-panorama-horizontal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-panorama-horizontal" class="ti-panorama-horizontal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-panorama-horizontal" class="ti-panorama-horizontal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-panorama-horizontal" class="ti-panorama-horizontal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-panorama-horizontal" class="ti-panorama-horizontal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-panorama-horizontal" class="ti-panorama-horizontal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-panorama-horizontal" class="ti-panorama-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-panorama-horizontal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1044c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-panorama-vertical" class="ti-panorama-vertical"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-panorama-vertical" class="ti-panorama-vertical"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-panorama-vertical" class="ti-panorama-vertical"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-panorama-vertical" class="ti-panorama-vertical"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-panorama-vertical" class="ti-panorama-vertical"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-panorama-vertical" class="ti-panorama-vertical"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-panorama-vertical" class="ti-panorama-vertical"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-panorama-vertical" class="ti-panorama-vertical"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-panorama-vertical" class="ti-panorama-vertical"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-panorama-vertical" class="ti-panorama-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-panorama-vertical" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1044d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-paperclip" class="ti-paperclip"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-paperclip" class="ti-paperclip"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-paperclip" class="ti-paperclip"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-paperclip" class="ti-paperclip"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-paperclip" class="ti-paperclip"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-paperclip" class="ti-paperclip"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-paperclip" class="ti-paperclip"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-paperclip" class="ti-paperclip"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-paperclip" class="ti-paperclip"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-paperclip" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-paperclip" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1044e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-parachute" class="ti-parachute"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-parachute" class="ti-parachute"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-parachute" class="ti-parachute"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-parachute" class="ti-parachute"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-parachute" class="ti-parachute"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-parachute" class="ti-parachute"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-parachute" class="ti-parachute"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-parachute" class="ti-parachute"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-parachute" class="ti-parachute"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-parachute" class="ti-parachute"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-parachute" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1044f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-parentheses" class="ti-parentheses"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-parentheses" class="ti-parentheses"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-parentheses" class="ti-parentheses"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-parentheses" class="ti-parentheses"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-parentheses" class="ti-parentheses"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-parentheses" class="ti-parentheses"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-parentheses" class="ti-parentheses"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-parentheses" class="ti-parentheses"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-parentheses" class="ti-parentheses"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-parentheses" class="ti-parentheses"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-parentheses" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10450;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-parking" class="ti-parking"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-parking" class="ti-parking"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-parking" class="ti-parking"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-parking" class="ti-parking"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-parking" class="ti-parking"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-parking" class="ti-parking"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-parking" class="ti-parking"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-parking" class="ti-parking"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-parking" class="ti-parking"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-parking" class="ti-parking"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-parking" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10451;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-peace" class="ti-peace"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-peace" class="ti-peace"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-peace" class="ti-peace"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-peace" class="ti-peace"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-peace" class="ti-peace"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-peace" class="ti-peace"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-peace" class="ti-peace"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-peace" class="ti-peace"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-peace" class="ti-peace"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-peace" class="ti-peace"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-peace" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10452;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-pencil" class="ti-pencil"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-pencil" class="ti-pencil"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-pencil" class="ti-pencil"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-pencil" class="ti-pencil"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-pencil" class="ti-pencil"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-pencil" class="ti-pencil"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-pencil" class="ti-pencil"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-pencil" class="ti-pencil"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-pencil" class="ti-pencil"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-pencil" class="ti-pencil"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-pencil" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10453;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-pennant" class="ti-pennant"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-pennant" class="ti-pennant"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-pennant" class="ti-pennant"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-pennant" class="ti-pennant"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-pennant" class="ti-pennant"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-pennant" class="ti-pennant"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-pennant" class="ti-pennant"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-pennant" class="ti-pennant"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-pennant" class="ti-pennant"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-pennant" class="ti-pennant"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-pennant" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10454;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-percentage" class="ti-percentage"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-percentage" class="ti-percentage"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-percentage" class="ti-percentage"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-percentage" class="ti-percentage"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-percentage" class="ti-percentage"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-percentage" class="ti-percentage"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-percentage" class="ti-percentage"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-percentage" class="ti-percentage"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-percentage" class="ti-percentage"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-percentage" class="ti-percentage"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-percentage" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10455;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-perspective" class="ti-perspective"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-perspective" class="ti-perspective"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-perspective" class="ti-perspective"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-perspective" class="ti-perspective"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-perspective" class="ti-perspective"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-perspective" class="ti-perspective"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-perspective" class="ti-perspective"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-perspective" class="ti-perspective"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-perspective" class="ti-perspective"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-perspective" class="ti-perspective"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-perspective" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10456;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-phone" class="ti-phone"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-phone" class="ti-phone"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-phone" class="ti-phone"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-phone" class="ti-phone"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-phone" class="ti-phone"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-phone" class="ti-phone"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-phone" class="ti-phone"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-phone" class="ti-phone"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-phone" class="ti-phone"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-phone" class="ti-phone"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-phone" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10457;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-phone-call" class="ti-phone-call"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-phone-call" class="ti-phone-call"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-phone-call" class="ti-phone-call"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-phone-call" class="ti-phone-call"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-phone-call" class="ti-phone-call"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-phone-call" class="ti-phone-call"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-phone-call" class="ti-phone-call"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-phone-call" class="ti-phone-call"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-phone-call" class="ti-phone-call"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-phone-call" class="ti-phone-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-phone-call" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10458;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-phone-calling" class="ti-phone-calling"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-phone-calling" class="ti-phone-calling"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-phone-calling" class="ti-phone-calling"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-phone-calling" class="ti-phone-calling"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-phone-calling" class="ti-phone-calling"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-phone-calling" class="ti-phone-calling"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-phone-calling" class="ti-phone-calling"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-phone-calling" class="ti-phone-calling"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-phone-calling" class="ti-phone-calling"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-phone-calling" class="ti-phone-calling"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-phone-calling" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10459;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-phone-check" class="ti-phone-check"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-phone-check" class="ti-phone-check"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-phone-check" class="ti-phone-check"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-phone-check" class="ti-phone-check"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-phone-check" class="ti-phone-check"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-phone-check" class="ti-phone-check"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-phone-check" class="ti-phone-check"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-phone-check" class="ti-phone-check"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-phone-check" class="ti-phone-check"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-phone-check" class="ti-phone-check"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-phone-check" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1045a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-phone-incoming" class="ti-phone-incoming"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-phone-incoming" class="ti-phone-incoming"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-phone-incoming" class="ti-phone-incoming"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-phone-incoming" class="ti-phone-incoming"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-phone-incoming" class="ti-phone-incoming"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-phone-incoming" class="ti-phone-incoming"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-phone-incoming" class="ti-phone-incoming"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-phone-incoming" class="ti-phone-incoming"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-phone-incoming" class="ti-phone-incoming"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-phone-incoming" class="ti-phone-incoming"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-phone-incoming" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1045b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-phone-off" class="ti-phone-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-phone-off" class="ti-phone-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-phone-off" class="ti-phone-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-phone-off" class="ti-phone-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-phone-off" class="ti-phone-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-phone-off" class="ti-phone-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-phone-off" class="ti-phone-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-phone-off" class="ti-phone-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-phone-off" class="ti-phone-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-phone-off" class="ti-phone-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-phone-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1045c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-phone-outgoing" class="ti-phone-outgoing"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-phone-outgoing" class="ti-phone-outgoing"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-phone-outgoing" class="ti-phone-outgoing"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-phone-outgoing" class="ti-phone-outgoing"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-phone-outgoing" class="ti-phone-outgoing"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-phone-outgoing" class="ti-phone-outgoing"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-phone-outgoing" class="ti-phone-outgoing"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-phone-outgoing" class="ti-phone-outgoing"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-phone-outgoing" class="ti-phone-outgoing"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-phone-outgoing" class="ti-phone-outgoing"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-phone-outgoing" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1045d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-phone-pause" class="ti-phone-pause"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-phone-pause" class="ti-phone-pause"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-phone-pause" class="ti-phone-pause"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-phone-pause" class="ti-phone-pause"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-phone-pause" class="ti-phone-pause"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-phone-pause" class="ti-phone-pause"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-phone-pause" class="ti-phone-pause"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-phone-pause" class="ti-phone-pause"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-phone-pause" class="ti-phone-pause"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-phone-pause" class="ti-phone-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-phone-pause" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1045e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-phone-plus" class="ti-phone-plus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-phone-plus" class="ti-phone-plus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-phone-plus" class="ti-phone-plus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-phone-plus" class="ti-phone-plus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-phone-plus" class="ti-phone-plus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-phone-plus" class="ti-phone-plus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-phone-plus" class="ti-phone-plus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-phone-plus" class="ti-phone-plus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-phone-plus" class="ti-phone-plus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-phone-plus" class="ti-phone-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-phone-plus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1045f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-phone-x" class="ti-phone-x"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-phone-x" class="ti-phone-x"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-phone-x" class="ti-phone-x"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-phone-x" class="ti-phone-x"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-phone-x" class="ti-phone-x"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-phone-x" class="ti-phone-x"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-phone-x" class="ti-phone-x"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-phone-x" class="ti-phone-x"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-phone-x" class="ti-phone-x"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-phone-x" class="ti-phone-x"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-phone-x" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10460;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-photo" class="ti-photo"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-photo" class="ti-photo"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-photo" class="ti-photo"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-photo" class="ti-photo"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-photo" class="ti-photo"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-photo" class="ti-photo"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-photo" class="ti-photo"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-photo" class="ti-photo"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-photo" class="ti-photo"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-photo" class="ti-photo"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-photo" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10461;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-photo-off" class="ti-photo-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-photo-off" class="ti-photo-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-photo-off" class="ti-photo-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-photo-off" class="ti-photo-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-photo-off" class="ti-photo-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-photo-off" class="ti-photo-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-photo-off" class="ti-photo-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-photo-off" class="ti-photo-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-photo-off" class="ti-photo-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-photo-off" class="ti-photo-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-photo-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10462;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-physotherapist" class="ti-physotherapist"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-physotherapist" class="ti-physotherapist"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-physotherapist" class="ti-physotherapist"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-physotherapist" class="ti-physotherapist"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-physotherapist" class="ti-physotherapist"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-physotherapist" class="ti-physotherapist"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-physotherapist" class="ti-physotherapist"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-physotherapist" class="ti-physotherapist"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-physotherapist" class="ti-physotherapist"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-physotherapist" class="ti-physotherapist"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-physotherapist" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10463;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-picture-in-picture" class="ti-picture-in-picture"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-picture-in-picture" class="ti-picture-in-picture"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-picture-in-picture" class="ti-picture-in-picture"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-picture-in-picture" class="ti-picture-in-picture"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-picture-in-picture" class="ti-picture-in-picture"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-picture-in-picture" class="ti-picture-in-picture"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-picture-in-picture" class="ti-picture-in-picture"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-picture-in-picture" class="ti-picture-in-picture"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-picture-in-picture" class="ti-picture-in-picture"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-picture-in-picture" class="ti-picture-in-picture"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-picture-in-picture" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10464;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-picture-in-picture-off" class="ti-picture-in-picture-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-picture-in-picture-off" class="ti-picture-in-picture-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-picture-in-picture-off" class="ti-picture-in-picture-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-picture-in-picture-off" class="ti-picture-in-picture-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-picture-in-picture-off" class="ti-picture-in-picture-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-picture-in-picture-off" class="ti-picture-in-picture-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-picture-in-picture-off" class="ti-picture-in-picture-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-picture-in-picture-off" class="ti-picture-in-picture-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-picture-in-picture-off" class="ti-picture-in-picture-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-picture-in-picture-off" class="ti-picture-in-picture-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-picture-in-picture-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10465;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-picture-in-picture-on" class="ti-picture-in-picture-on"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-picture-in-picture-on" class="ti-picture-in-picture-on"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-picture-in-picture-on" class="ti-picture-in-picture-on"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-picture-in-picture-on" class="ti-picture-in-picture-on"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-picture-in-picture-on" class="ti-picture-in-picture-on"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-picture-in-picture-on" class="ti-picture-in-picture-on"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-picture-in-picture-on" class="ti-picture-in-picture-on"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-picture-in-picture-on" class="ti-picture-in-picture-on"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-picture-in-picture-on" class="ti-picture-in-picture-on"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-picture-in-picture-on" class="ti-picture-in-picture-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-picture-in-picture-on" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10466;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-pill" class="ti-pill"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-pill" class="ti-pill"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-pill" class="ti-pill"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-pill" class="ti-pill"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-pill" class="ti-pill"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-pill" class="ti-pill"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-pill" class="ti-pill"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-pill" class="ti-pill"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-pill" class="ti-pill"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-pill" class="ti-pill"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-pill" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10467;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-pin" class="ti-pin"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-pin" class="ti-pin"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-pin" class="ti-pin"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-pin" class="ti-pin"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-pin" class="ti-pin"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-pin" class="ti-pin"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-pin" class="ti-pin"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-pin" class="ti-pin"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-pin" class="ti-pin"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-pin" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-pin" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10468;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-pinned" class="ti-pinned"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-pinned" class="ti-pinned"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-pinned" class="ti-pinned"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-pinned" class="ti-pinned"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-pinned" class="ti-pinned"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-pinned" class="ti-pinned"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-pinned" class="ti-pinned"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-pinned" class="ti-pinned"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-pinned" class="ti-pinned"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-pinned" class="ti-pinned"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-pinned" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10469;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-pinned-off" class="ti-pinned-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-pinned-off" class="ti-pinned-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-pinned-off" class="ti-pinned-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-pinned-off" class="ti-pinned-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-pinned-off" class="ti-pinned-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-pinned-off" class="ti-pinned-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-pinned-off" class="ti-pinned-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-pinned-off" class="ti-pinned-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-pinned-off" class="ti-pinned-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-pinned-off" class="ti-pinned-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-pinned-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1046a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-pizza" class="ti-pizza"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-pizza" class="ti-pizza"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-pizza" class="ti-pizza"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-pizza" class="ti-pizza"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-pizza" class="ti-pizza"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-pizza" class="ti-pizza"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-pizza" class="ti-pizza"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-pizza" class="ti-pizza"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-pizza" class="ti-pizza"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-pizza" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-pizza" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1046b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-plane" class="ti-plane"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-plane" class="ti-plane"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-plane" class="ti-plane"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-plane" class="ti-plane"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-plane" class="ti-plane"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-plane" class="ti-plane"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-plane" class="ti-plane"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-plane" class="ti-plane"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-plane" class="ti-plane"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-plane" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-plane" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1046c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-plane-arrival" class="ti-plane-arrival"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-plane-arrival" class="ti-plane-arrival"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-plane-arrival" class="ti-plane-arrival"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-plane-arrival" class="ti-plane-arrival"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-plane-arrival" class="ti-plane-arrival"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-plane-arrival" class="ti-plane-arrival"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-plane-arrival" class="ti-plane-arrival"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-plane-arrival" class="ti-plane-arrival"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-plane-arrival" class="ti-plane-arrival"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-plane-arrival" class="ti-plane-arrival"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-plane-arrival" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1046d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-plane-departure" class="ti-plane-departure"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-plane-departure" class="ti-plane-departure"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-plane-departure" class="ti-plane-departure"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-plane-departure" class="ti-plane-departure"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-plane-departure" class="ti-plane-departure"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-plane-departure" class="ti-plane-departure"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-plane-departure" class="ti-plane-departure"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-plane-departure" class="ti-plane-departure"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-plane-departure" class="ti-plane-departure"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-plane-departure" class="ti-plane-departure"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-plane-departure" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1046e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-planet" class="ti-planet"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-planet" class="ti-planet"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-planet" class="ti-planet"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-planet" class="ti-planet"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-planet" class="ti-planet"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-planet" class="ti-planet"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-planet" class="ti-planet"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-planet" class="ti-planet"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-planet" class="ti-planet"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-planet" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-planet" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1046f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-plant" class="ti-plant"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-plant" class="ti-plant"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-plant" class="ti-plant"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-plant" class="ti-plant"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-plant" class="ti-plant"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-plant" class="ti-plant"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-plant" class="ti-plant"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-plant" class="ti-plant"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-plant" class="ti-plant"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-plant" class="ti-plant"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-plant" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10470;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-plant-2" class="ti-plant-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-plant-2" class="ti-plant-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-plant-2" class="ti-plant-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-plant-2" class="ti-plant-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-plant-2" class="ti-plant-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-plant-2" class="ti-plant-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-plant-2" class="ti-plant-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-plant-2" class="ti-plant-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-plant-2" class="ti-plant-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-plant-2" class="ti-plant-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-plant-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10471;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-play-card" class="ti-play-card"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-play-card" class="ti-play-card"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-play-card" class="ti-play-card"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-play-card" class="ti-play-card"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-play-card" class="ti-play-card"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-play-card" class="ti-play-card"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-play-card" class="ti-play-card"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-play-card" class="ti-play-card"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-play-card" class="ti-play-card"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-play-card" class="ti-play-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-play-card" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10472;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-player-pause" class="ti-player-pause"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-player-pause" class="ti-player-pause"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-player-pause" class="ti-player-pause"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-player-pause" class="ti-player-pause"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-player-pause" class="ti-player-pause"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-player-pause" class="ti-player-pause"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-player-pause" class="ti-player-pause"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-player-pause" class="ti-player-pause"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-player-pause" class="ti-player-pause"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-player-pause" class="ti-player-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-player-pause" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10473;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-player-play" class="ti-player-play"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-player-play" class="ti-player-play"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-player-play" class="ti-player-play"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-player-play" class="ti-player-play"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-player-play" class="ti-player-play"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-player-play" class="ti-player-play"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-player-play" class="ti-player-play"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-player-play" class="ti-player-play"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-player-play" class="ti-player-play"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-player-play" class="ti-player-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-player-play" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10474;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-player-record" class="ti-player-record"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-player-record" class="ti-player-record"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-player-record" class="ti-player-record"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-player-record" class="ti-player-record"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-player-record" class="ti-player-record"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-player-record" class="ti-player-record"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-player-record" class="ti-player-record"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-player-record" class="ti-player-record"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-player-record" class="ti-player-record"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-player-record" class="ti-player-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-player-record" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10475;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-player-skip-back" class="ti-player-skip-back"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-player-skip-back" class="ti-player-skip-back"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-player-skip-back" class="ti-player-skip-back"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-player-skip-back" class="ti-player-skip-back"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-player-skip-back" class="ti-player-skip-back"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-player-skip-back" class="ti-player-skip-back"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-player-skip-back" class="ti-player-skip-back"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-player-skip-back" class="ti-player-skip-back"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-player-skip-back" class="ti-player-skip-back"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-player-skip-back" class="ti-player-skip-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-player-skip-back" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10476;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-player-skip-forward" class="ti-player-skip-forward"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-player-skip-forward" class="ti-player-skip-forward"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-player-skip-forward" class="ti-player-skip-forward"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-player-skip-forward" class="ti-player-skip-forward"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-player-skip-forward" class="ti-player-skip-forward"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-player-skip-forward" class="ti-player-skip-forward"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-player-skip-forward" class="ti-player-skip-forward"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-player-skip-forward" class="ti-player-skip-forward"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-player-skip-forward" class="ti-player-skip-forward"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-player-skip-forward" class="ti-player-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-player-skip-forward" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10477;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-player-stop" class="ti-player-stop"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-player-stop" class="ti-player-stop"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-player-stop" class="ti-player-stop"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-player-stop" class="ti-player-stop"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-player-stop" class="ti-player-stop"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-player-stop" class="ti-player-stop"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-player-stop" class="ti-player-stop"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-player-stop" class="ti-player-stop"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-player-stop" class="ti-player-stop"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-player-stop" class="ti-player-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-player-stop" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10478;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-player-track-next" class="ti-player-track-next"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-player-track-next" class="ti-player-track-next"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-player-track-next" class="ti-player-track-next"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-player-track-next" class="ti-player-track-next"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-player-track-next" class="ti-player-track-next"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-player-track-next" class="ti-player-track-next"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-player-track-next" class="ti-player-track-next"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-player-track-next" class="ti-player-track-next"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-player-track-next" class="ti-player-track-next"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-player-track-next" class="ti-player-track-next"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-player-track-next" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10479;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-player-track-prev" class="ti-player-track-prev"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-player-track-prev" class="ti-player-track-prev"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-player-track-prev" class="ti-player-track-prev"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-player-track-prev" class="ti-player-track-prev"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-player-track-prev" class="ti-player-track-prev"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-player-track-prev" class="ti-player-track-prev"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-player-track-prev" class="ti-player-track-prev"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-player-track-prev" class="ti-player-track-prev"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-player-track-prev" class="ti-player-track-prev"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-player-track-prev" class="ti-player-track-prev"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-player-track-prev" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1047a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-playlist" class="ti-playlist"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-playlist" class="ti-playlist"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-playlist" class="ti-playlist"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-playlist" class="ti-playlist"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-playlist" class="ti-playlist"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-playlist" class="ti-playlist"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-playlist" class="ti-playlist"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-playlist" class="ti-playlist"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-playlist" class="ti-playlist"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-playlist" class="ti-playlist"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-playlist" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1047b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-plug" class="ti-plug"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-plug" class="ti-plug"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-plug" class="ti-plug"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-plug" class="ti-plug"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-plug" class="ti-plug"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-plug" class="ti-plug"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-plug" class="ti-plug"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-plug" class="ti-plug"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-plug" class="ti-plug"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-plug" class="ti-plug"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-plug" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1047c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-plus" class="ti-plus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-plus" class="ti-plus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-plus" class="ti-plus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-plus" class="ti-plus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-plus" class="ti-plus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-plus" class="ti-plus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-plus" class="ti-plus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-plus" class="ti-plus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-plus" class="ti-plus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-plus" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-plus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1047d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-point" class="ti-point"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-point" class="ti-point"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-point" class="ti-point"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-point" class="ti-point"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-point" class="ti-point"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-point" class="ti-point"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-point" class="ti-point"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-point" class="ti-point"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-point" class="ti-point"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-point" class="ti-point"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-point" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1047e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-pokeball" class="ti-pokeball"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-pokeball" class="ti-pokeball"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-pokeball" class="ti-pokeball"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-pokeball" class="ti-pokeball"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-pokeball" class="ti-pokeball"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-pokeball" class="ti-pokeball"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-pokeball" class="ti-pokeball"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-pokeball" class="ti-pokeball"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-pokeball" class="ti-pokeball"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-pokeball" class="ti-pokeball"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-pokeball" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1047f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-polaroid" class="ti-polaroid"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-polaroid" class="ti-polaroid"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-polaroid" class="ti-polaroid"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-polaroid" class="ti-polaroid"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-polaroid" class="ti-polaroid"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-polaroid" class="ti-polaroid"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-polaroid" class="ti-polaroid"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-polaroid" class="ti-polaroid"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-polaroid" class="ti-polaroid"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-polaroid" class="ti-polaroid"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-polaroid" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10480;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-pool" class="ti-pool"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-pool" class="ti-pool"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-pool" class="ti-pool"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-pool" class="ti-pool"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-pool" class="ti-pool"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-pool" class="ti-pool"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-pool" class="ti-pool"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-pool" class="ti-pool"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-pool" class="ti-pool"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-pool" class="ti-pool"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-pool" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10481;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-power" class="ti-power"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-power" class="ti-power"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-power" class="ti-power"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-power" class="ti-power"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-power" class="ti-power"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-power" class="ti-power"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-power" class="ti-power"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-power" class="ti-power"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-power" class="ti-power"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-power" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-power" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10482;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-pray" class="ti-pray"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-pray" class="ti-pray"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-pray" class="ti-pray"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-pray" class="ti-pray"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-pray" class="ti-pray"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-pray" class="ti-pray"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-pray" class="ti-pray"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-pray" class="ti-pray"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-pray" class="ti-pray"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-pray" class="ti-pray"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-pray" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10483;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-presentation" class="ti-presentation"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-presentation" class="ti-presentation"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-presentation" class="ti-presentation"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-presentation" class="ti-presentation"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-presentation" class="ti-presentation"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-presentation" class="ti-presentation"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-presentation" class="ti-presentation"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-presentation" class="ti-presentation"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-presentation" class="ti-presentation"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-presentation" class="ti-presentation"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-presentation" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10484;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-presentation-analytics" class="ti-presentation-analytics"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-presentation-analytics" class="ti-presentation-analytics"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-presentation-analytics" class="ti-presentation-analytics"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-presentation-analytics" class="ti-presentation-analytics"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-presentation-analytics" class="ti-presentation-analytics"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-presentation-analytics" class="ti-presentation-analytics"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-presentation-analytics" class="ti-presentation-analytics"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-presentation-analytics" class="ti-presentation-analytics"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-presentation-analytics" class="ti-presentation-analytics"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-presentation-analytics" class="ti-presentation-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-presentation-analytics" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10485;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-printer" class="ti-printer"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-printer" class="ti-printer"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-printer" class="ti-printer"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-printer" class="ti-printer"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-printer" class="ti-printer"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-printer" class="ti-printer"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-printer" class="ti-printer"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-printer" class="ti-printer"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-printer" class="ti-printer"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-printer" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-printer" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10486;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-prompt" class="ti-prompt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-prompt" class="ti-prompt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-prompt" class="ti-prompt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-prompt" class="ti-prompt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-prompt" class="ti-prompt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-prompt" class="ti-prompt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-prompt" class="ti-prompt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-prompt" class="ti-prompt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-prompt" class="ti-prompt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-prompt" class="ti-prompt"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-prompt" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10487;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-propeller" class="ti-propeller"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-propeller" class="ti-propeller"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-propeller" class="ti-propeller"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-propeller" class="ti-propeller"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-propeller" class="ti-propeller"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-propeller" class="ti-propeller"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-propeller" class="ti-propeller"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-propeller" class="ti-propeller"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-propeller" class="ti-propeller"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-propeller" class="ti-propeller"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-propeller" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10488;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-puzzle" class="ti-puzzle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-puzzle" class="ti-puzzle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-puzzle" class="ti-puzzle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-puzzle" class="ti-puzzle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-puzzle" class="ti-puzzle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-puzzle" class="ti-puzzle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-puzzle" class="ti-puzzle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-puzzle" class="ti-puzzle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-puzzle" class="ti-puzzle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-puzzle" class="ti-puzzle"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-puzzle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10489;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-pyramid" class="ti-pyramid"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-pyramid" class="ti-pyramid"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-pyramid" class="ti-pyramid"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-pyramid" class="ti-pyramid"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-pyramid" class="ti-pyramid"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-pyramid" class="ti-pyramid"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-pyramid" class="ti-pyramid"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-pyramid" class="ti-pyramid"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-pyramid" class="ti-pyramid"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-pyramid" class="ti-pyramid"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-pyramid" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1048a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-qrcode" class="ti-qrcode"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-qrcode" class="ti-qrcode"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-qrcode" class="ti-qrcode"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-qrcode" class="ti-qrcode"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-qrcode" class="ti-qrcode"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-qrcode" class="ti-qrcode"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-qrcode" class="ti-qrcode"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-qrcode" class="ti-qrcode"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-qrcode" class="ti-qrcode"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-qrcode" class="ti-qrcode"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-qrcode" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1048b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-question-mark" class="ti-question-mark"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-question-mark" class="ti-question-mark"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-question-mark" class="ti-question-mark"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-question-mark" class="ti-question-mark"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-question-mark" class="ti-question-mark"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-question-mark" class="ti-question-mark"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-question-mark" class="ti-question-mark"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-question-mark" class="ti-question-mark"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-question-mark" class="ti-question-mark"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-question-mark" class="ti-question-mark"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-question-mark" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1048c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-radioactive" class="ti-radioactive"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-radioactive" class="ti-radioactive"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-radioactive" class="ti-radioactive"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-radioactive" class="ti-radioactive"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-radioactive" class="ti-radioactive"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-radioactive" class="ti-radioactive"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-radioactive" class="ti-radioactive"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-radioactive" class="ti-radioactive"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-radioactive" class="ti-radioactive"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-radioactive" class="ti-radioactive"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-radioactive" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1048d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-radius-bottom-left" class="ti-radius-bottom-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-radius-bottom-left" class="ti-radius-bottom-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-radius-bottom-left" class="ti-radius-bottom-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-radius-bottom-left" class="ti-radius-bottom-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-radius-bottom-left" class="ti-radius-bottom-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-radius-bottom-left" class="ti-radius-bottom-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-radius-bottom-left" class="ti-radius-bottom-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-radius-bottom-left" class="ti-radius-bottom-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-radius-bottom-left" class="ti-radius-bottom-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-radius-bottom-left" class="ti-radius-bottom-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-radius-bottom-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1048e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-radius-bottom-right" class="ti-radius-bottom-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-radius-bottom-right" class="ti-radius-bottom-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-radius-bottom-right" class="ti-radius-bottom-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-radius-bottom-right" class="ti-radius-bottom-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-radius-bottom-right" class="ti-radius-bottom-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-radius-bottom-right" class="ti-radius-bottom-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-radius-bottom-right" class="ti-radius-bottom-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-radius-bottom-right" class="ti-radius-bottom-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-radius-bottom-right" class="ti-radius-bottom-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-radius-bottom-right" class="ti-radius-bottom-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-radius-bottom-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1048f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-radius-top-left" class="ti-radius-top-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-radius-top-left" class="ti-radius-top-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-radius-top-left" class="ti-radius-top-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-radius-top-left" class="ti-radius-top-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-radius-top-left" class="ti-radius-top-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-radius-top-left" class="ti-radius-top-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-radius-top-left" class="ti-radius-top-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-radius-top-left" class="ti-radius-top-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-radius-top-left" class="ti-radius-top-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-radius-top-left" class="ti-radius-top-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-radius-top-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10490;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-radius-top-right" class="ti-radius-top-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-radius-top-right" class="ti-radius-top-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-radius-top-right" class="ti-radius-top-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-radius-top-right" class="ti-radius-top-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-radius-top-right" class="ti-radius-top-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-radius-top-right" class="ti-radius-top-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-radius-top-right" class="ti-radius-top-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-radius-top-right" class="ti-radius-top-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-radius-top-right" class="ti-radius-top-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-radius-top-right" class="ti-radius-top-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-radius-top-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10491;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-rainbow" class="ti-rainbow"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-rainbow" class="ti-rainbow"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-rainbow" class="ti-rainbow"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-rainbow" class="ti-rainbow"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-rainbow" class="ti-rainbow"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-rainbow" class="ti-rainbow"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-rainbow" class="ti-rainbow"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-rainbow" class="ti-rainbow"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-rainbow" class="ti-rainbow"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-rainbow" class="ti-rainbow"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-rainbow" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10492;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-receipt" class="ti-receipt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-receipt" class="ti-receipt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-receipt" class="ti-receipt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-receipt" class="ti-receipt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-receipt" class="ti-receipt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-receipt" class="ti-receipt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-receipt" class="ti-receipt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-receipt" class="ti-receipt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-receipt" class="ti-receipt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-receipt" class="ti-receipt"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-receipt" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10493;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-receipt-2" class="ti-receipt-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-receipt-2" class="ti-receipt-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-receipt-2" class="ti-receipt-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-receipt-2" class="ti-receipt-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-receipt-2" class="ti-receipt-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-receipt-2" class="ti-receipt-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-receipt-2" class="ti-receipt-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-receipt-2" class="ti-receipt-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-receipt-2" class="ti-receipt-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-receipt-2" class="ti-receipt-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-receipt-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10494;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-receipt-off" class="ti-receipt-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-receipt-off" class="ti-receipt-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-receipt-off" class="ti-receipt-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-receipt-off" class="ti-receipt-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-receipt-off" class="ti-receipt-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-receipt-off" class="ti-receipt-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-receipt-off" class="ti-receipt-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-receipt-off" class="ti-receipt-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-receipt-off" class="ti-receipt-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-receipt-off" class="ti-receipt-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-receipt-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10495;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-receipt-refund" class="ti-receipt-refund"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-receipt-refund" class="ti-receipt-refund"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-receipt-refund" class="ti-receipt-refund"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-receipt-refund" class="ti-receipt-refund"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-receipt-refund" class="ti-receipt-refund"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-receipt-refund" class="ti-receipt-refund"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-receipt-refund" class="ti-receipt-refund"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-receipt-refund" class="ti-receipt-refund"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-receipt-refund" class="ti-receipt-refund"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-receipt-refund" class="ti-receipt-refund"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-receipt-refund" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10496;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-receipt-tax" class="ti-receipt-tax"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-receipt-tax" class="ti-receipt-tax"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-receipt-tax" class="ti-receipt-tax"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-receipt-tax" class="ti-receipt-tax"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-receipt-tax" class="ti-receipt-tax"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-receipt-tax" class="ti-receipt-tax"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-receipt-tax" class="ti-receipt-tax"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-receipt-tax" class="ti-receipt-tax"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-receipt-tax" class="ti-receipt-tax"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-receipt-tax" class="ti-receipt-tax"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-receipt-tax" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10497;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-recharging" class="ti-recharging"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-recharging" class="ti-recharging"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-recharging" class="ti-recharging"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-recharging" class="ti-recharging"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-recharging" class="ti-recharging"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-recharging" class="ti-recharging"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-recharging" class="ti-recharging"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-recharging" class="ti-recharging"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-recharging" class="ti-recharging"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-recharging" class="ti-recharging"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-recharging" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10498;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-record-mail" class="ti-record-mail"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-record-mail" class="ti-record-mail"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-record-mail" class="ti-record-mail"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-record-mail" class="ti-record-mail"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-record-mail" class="ti-record-mail"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-record-mail" class="ti-record-mail"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-record-mail" class="ti-record-mail"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-record-mail" class="ti-record-mail"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-record-mail" class="ti-record-mail"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-record-mail" class="ti-record-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-record-mail" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10499;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-rectangle" class="ti-rectangle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-rectangle" class="ti-rectangle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-rectangle" class="ti-rectangle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-rectangle" class="ti-rectangle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-rectangle" class="ti-rectangle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-rectangle" class="ti-rectangle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-rectangle" class="ti-rectangle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-rectangle" class="ti-rectangle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-rectangle" class="ti-rectangle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-rectangle" class="ti-rectangle"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-rectangle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1049a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-rectangle-vertical" class="ti-rectangle-vertical"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-rectangle-vertical" class="ti-rectangle-vertical"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-rectangle-vertical" class="ti-rectangle-vertical"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-rectangle-vertical" class="ti-rectangle-vertical"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-rectangle-vertical" class="ti-rectangle-vertical"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-rectangle-vertical" class="ti-rectangle-vertical"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-rectangle-vertical" class="ti-rectangle-vertical"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-rectangle-vertical" class="ti-rectangle-vertical"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-rectangle-vertical" class="ti-rectangle-vertical"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-rectangle-vertical" class="ti-rectangle-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-rectangle-vertical" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1049b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-recycle" class="ti-recycle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-recycle" class="ti-recycle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-recycle" class="ti-recycle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-recycle" class="ti-recycle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-recycle" class="ti-recycle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-recycle" class="ti-recycle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-recycle" class="ti-recycle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-recycle" class="ti-recycle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-recycle" class="ti-recycle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-recycle" class="ti-recycle"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-recycle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1049c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-refresh" class="ti-refresh"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-refresh" class="ti-refresh"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-refresh" class="ti-refresh"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-refresh" class="ti-refresh"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-refresh" class="ti-refresh"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-refresh" class="ti-refresh"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-refresh" class="ti-refresh"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-refresh" class="ti-refresh"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-refresh" class="ti-refresh"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-refresh" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-refresh" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1049d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-refresh-alert" class="ti-refresh-alert"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-refresh-alert" class="ti-refresh-alert"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-refresh-alert" class="ti-refresh-alert"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-refresh-alert" class="ti-refresh-alert"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-refresh-alert" class="ti-refresh-alert"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-refresh-alert" class="ti-refresh-alert"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-refresh-alert" class="ti-refresh-alert"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-refresh-alert" class="ti-refresh-alert"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-refresh-alert" class="ti-refresh-alert"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-refresh-alert" class="ti-refresh-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-refresh-alert" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1049e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-registered" class="ti-registered"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-registered" class="ti-registered"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-registered" class="ti-registered"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-registered" class="ti-registered"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-registered" class="ti-registered"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-registered" class="ti-registered"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-registered" class="ti-registered"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-registered" class="ti-registered"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-registered" class="ti-registered"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-registered" class="ti-registered"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-registered" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1049f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-relation-many-to-many" class="ti-relation-many-to-many"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-relation-many-to-many" class="ti-relation-many-to-many"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-relation-many-to-many" class="ti-relation-many-to-many"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-relation-many-to-many" class="ti-relation-many-to-many"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-relation-many-to-many" class="ti-relation-many-to-many"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-relation-many-to-many" class="ti-relation-many-to-many"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-relation-many-to-many" class="ti-relation-many-to-many"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-relation-many-to-many" class="ti-relation-many-to-many"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-relation-many-to-many" class="ti-relation-many-to-many"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-relation-many-to-many" class="ti-relation-many-to-many"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-relation-many-to-many" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104a0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-relation-one-to-many" class="ti-relation-one-to-many"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-relation-one-to-many" class="ti-relation-one-to-many"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-relation-one-to-many" class="ti-relation-one-to-many"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-relation-one-to-many" class="ti-relation-one-to-many"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-relation-one-to-many" class="ti-relation-one-to-many"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-relation-one-to-many" class="ti-relation-one-to-many"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-relation-one-to-many" class="ti-relation-one-to-many"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-relation-one-to-many" class="ti-relation-one-to-many"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-relation-one-to-many" class="ti-relation-one-to-many"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-relation-one-to-many" class="ti-relation-one-to-many"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-relation-one-to-many" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104a1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-relation-one-to-one" class="ti-relation-one-to-one"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-relation-one-to-one" class="ti-relation-one-to-one"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-relation-one-to-one" class="ti-relation-one-to-one"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-relation-one-to-one" class="ti-relation-one-to-one"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-relation-one-to-one" class="ti-relation-one-to-one"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-relation-one-to-one" class="ti-relation-one-to-one"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-relation-one-to-one" class="ti-relation-one-to-one"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-relation-one-to-one" class="ti-relation-one-to-one"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-relation-one-to-one" class="ti-relation-one-to-one"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-relation-one-to-one" class="ti-relation-one-to-one"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-relation-one-to-one" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104a2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-repeat" class="ti-repeat"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-repeat" class="ti-repeat"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-repeat" class="ti-repeat"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-repeat" class="ti-repeat"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-repeat" class="ti-repeat"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-repeat" class="ti-repeat"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-repeat" class="ti-repeat"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-repeat" class="ti-repeat"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-repeat" class="ti-repeat"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-repeat" class="ti-repeat"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-repeat" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104a3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-repeat-once" class="ti-repeat-once"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-repeat-once" class="ti-repeat-once"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-repeat-once" class="ti-repeat-once"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-repeat-once" class="ti-repeat-once"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-repeat-once" class="ti-repeat-once"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-repeat-once" class="ti-repeat-once"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-repeat-once" class="ti-repeat-once"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-repeat-once" class="ti-repeat-once"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-repeat-once" class="ti-repeat-once"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-repeat-once" class="ti-repeat-once"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-repeat-once" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104a4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-replace" class="ti-replace"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-replace" class="ti-replace"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-replace" class="ti-replace"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-replace" class="ti-replace"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-replace" class="ti-replace"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-replace" class="ti-replace"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-replace" class="ti-replace"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-replace" class="ti-replace"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-replace" class="ti-replace"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-replace" class="ti-replace"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-replace" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104a5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-report" class="ti-report"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-report" class="ti-report"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-report" class="ti-report"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-report" class="ti-report"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-report" class="ti-report"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-report" class="ti-report"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-report" class="ti-report"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-report" class="ti-report"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-report" class="ti-report"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-report" class="ti-report"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-report" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104a6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-report-analytics" class="ti-report-analytics"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-report-analytics" class="ti-report-analytics"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-report-analytics" class="ti-report-analytics"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-report-analytics" class="ti-report-analytics"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-report-analytics" class="ti-report-analytics"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-report-analytics" class="ti-report-analytics"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-report-analytics" class="ti-report-analytics"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-report-analytics" class="ti-report-analytics"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-report-analytics" class="ti-report-analytics"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-report-analytics" class="ti-report-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-report-analytics" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104a7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-report-medical" class="ti-report-medical"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-report-medical" class="ti-report-medical"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-report-medical" class="ti-report-medical"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-report-medical" class="ti-report-medical"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-report-medical" class="ti-report-medical"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-report-medical" class="ti-report-medical"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-report-medical" class="ti-report-medical"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-report-medical" class="ti-report-medical"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-report-medical" class="ti-report-medical"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-report-medical" class="ti-report-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-report-medical" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104a8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-report-money" class="ti-report-money"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-report-money" class="ti-report-money"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-report-money" class="ti-report-money"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-report-money" class="ti-report-money"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-report-money" class="ti-report-money"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-report-money" class="ti-report-money"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-report-money" class="ti-report-money"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-report-money" class="ti-report-money"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-report-money" class="ti-report-money"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-report-money" class="ti-report-money"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-report-money" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104a9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-resize" class="ti-resize"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-resize" class="ti-resize"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-resize" class="ti-resize"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-resize" class="ti-resize"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-resize" class="ti-resize"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-resize" class="ti-resize"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-resize" class="ti-resize"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-resize" class="ti-resize"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-resize" class="ti-resize"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-resize" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-resize" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104aa;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ripple" class="ti-ripple"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ripple" class="ti-ripple"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ripple" class="ti-ripple"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ripple" class="ti-ripple"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ripple" class="ti-ripple"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ripple" class="ti-ripple"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ripple" class="ti-ripple"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ripple" class="ti-ripple"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ripple" class="ti-ripple"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ripple" class="ti-ripple"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ripple" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104ab;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-road-sign" class="ti-road-sign"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-road-sign" class="ti-road-sign"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-road-sign" class="ti-road-sign"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-road-sign" class="ti-road-sign"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-road-sign" class="ti-road-sign"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-road-sign" class="ti-road-sign"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-road-sign" class="ti-road-sign"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-road-sign" class="ti-road-sign"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-road-sign" class="ti-road-sign"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-road-sign" class="ti-road-sign"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-road-sign" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104ac;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-rocket" class="ti-rocket"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-rocket" class="ti-rocket"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-rocket" class="ti-rocket"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-rocket" class="ti-rocket"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-rocket" class="ti-rocket"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-rocket" class="ti-rocket"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-rocket" class="ti-rocket"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-rocket" class="ti-rocket"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-rocket" class="ti-rocket"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-rocket" class="ti-rocket"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-rocket" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104ad;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-rotate" class="ti-rotate"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-rotate" class="ti-rotate"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-rotate" class="ti-rotate"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-rotate" class="ti-rotate"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-rotate" class="ti-rotate"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-rotate" class="ti-rotate"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-rotate" class="ti-rotate"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-rotate" class="ti-rotate"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-rotate" class="ti-rotate"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-rotate" class="ti-rotate"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-rotate" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104ae;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-rotate-2" class="ti-rotate-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-rotate-2" class="ti-rotate-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-rotate-2" class="ti-rotate-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-rotate-2" class="ti-rotate-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-rotate-2" class="ti-rotate-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-rotate-2" class="ti-rotate-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-rotate-2" class="ti-rotate-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-rotate-2" class="ti-rotate-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-rotate-2" class="ti-rotate-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-rotate-2" class="ti-rotate-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-rotate-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104af;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-rotate-clockwise" class="ti-rotate-clockwise"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-rotate-clockwise" class="ti-rotate-clockwise"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-rotate-clockwise" class="ti-rotate-clockwise"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-rotate-clockwise" class="ti-rotate-clockwise"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-rotate-clockwise" class="ti-rotate-clockwise"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-rotate-clockwise" class="ti-rotate-clockwise"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-rotate-clockwise" class="ti-rotate-clockwise"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-rotate-clockwise" class="ti-rotate-clockwise"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-rotate-clockwise" class="ti-rotate-clockwise"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-rotate-clockwise" class="ti-rotate-clockwise"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-rotate-clockwise" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104b0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-rotate-clockwise-2" class="ti-rotate-clockwise-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-rotate-clockwise-2" class="ti-rotate-clockwise-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-rotate-clockwise-2" class="ti-rotate-clockwise-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-rotate-clockwise-2" class="ti-rotate-clockwise-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-rotate-clockwise-2" class="ti-rotate-clockwise-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-rotate-clockwise-2" class="ti-rotate-clockwise-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-rotate-clockwise-2" class="ti-rotate-clockwise-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-rotate-clockwise-2" class="ti-rotate-clockwise-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-rotate-clockwise-2" class="ti-rotate-clockwise-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-rotate-clockwise-2" class="ti-rotate-clockwise-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-rotate-clockwise-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104b1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-rotate-rectangle" class="ti-rotate-rectangle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-rotate-rectangle" class="ti-rotate-rectangle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-rotate-rectangle" class="ti-rotate-rectangle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-rotate-rectangle" class="ti-rotate-rectangle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-rotate-rectangle" class="ti-rotate-rectangle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-rotate-rectangle" class="ti-rotate-rectangle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-rotate-rectangle" class="ti-rotate-rectangle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-rotate-rectangle" class="ti-rotate-rectangle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-rotate-rectangle" class="ti-rotate-rectangle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-rotate-rectangle" class="ti-rotate-rectangle"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-rotate-rectangle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104b2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-route" class="ti-route"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-route" class="ti-route"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-route" class="ti-route"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-route" class="ti-route"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-route" class="ti-route"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-route" class="ti-route"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-route" class="ti-route"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-route" class="ti-route"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-route" class="ti-route"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-route" class="ti-route"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-route" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104b3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-router" class="ti-router"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-router" class="ti-router"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-router" class="ti-router"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-router" class="ti-router"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-router" class="ti-router"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-router" class="ti-router"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-router" class="ti-router"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-router" class="ti-router"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-router" class="ti-router"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-router" class="ti-router"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-router" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104b4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-row-insert-bottom" class="ti-row-insert-bottom"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-row-insert-bottom" class="ti-row-insert-bottom"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-row-insert-bottom" class="ti-row-insert-bottom"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-row-insert-bottom" class="ti-row-insert-bottom"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-row-insert-bottom" class="ti-row-insert-bottom"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-row-insert-bottom" class="ti-row-insert-bottom"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-row-insert-bottom" class="ti-row-insert-bottom"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-row-insert-bottom" class="ti-row-insert-bottom"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-row-insert-bottom" class="ti-row-insert-bottom"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-row-insert-bottom" class="ti-row-insert-bottom"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-row-insert-bottom" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104b5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-row-insert-top" class="ti-row-insert-top"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-row-insert-top" class="ti-row-insert-top"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-row-insert-top" class="ti-row-insert-top"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-row-insert-top" class="ti-row-insert-top"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-row-insert-top" class="ti-row-insert-top"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-row-insert-top" class="ti-row-insert-top"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-row-insert-top" class="ti-row-insert-top"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-row-insert-top" class="ti-row-insert-top"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-row-insert-top" class="ti-row-insert-top"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-row-insert-top" class="ti-row-insert-top"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-row-insert-top" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104b6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-rss" class="ti-rss"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-rss" class="ti-rss"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-rss" class="ti-rss"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-rss" class="ti-rss"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-rss" class="ti-rss"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-rss" class="ti-rss"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-rss" class="ti-rss"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-rss" class="ti-rss"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-rss" class="ti-rss"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-rss" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-rss" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104b7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ruler" class="ti-ruler"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ruler" class="ti-ruler"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ruler" class="ti-ruler"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ruler" class="ti-ruler"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ruler" class="ti-ruler"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ruler" class="ti-ruler"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ruler" class="ti-ruler"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ruler" class="ti-ruler"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ruler" class="ti-ruler"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ruler" class="ti-ruler"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ruler" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104b8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ruler-2" class="ti-ruler-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ruler-2" class="ti-ruler-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ruler-2" class="ti-ruler-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ruler-2" class="ti-ruler-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ruler-2" class="ti-ruler-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ruler-2" class="ti-ruler-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ruler-2" class="ti-ruler-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ruler-2" class="ti-ruler-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ruler-2" class="ti-ruler-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ruler-2" class="ti-ruler-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ruler-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104b9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-run" class="ti-run"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-run" class="ti-run"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-run" class="ti-run"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-run" class="ti-run"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-run" class="ti-run"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-run" class="ti-run"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-run" class="ti-run"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-run" class="ti-run"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-run" class="ti-run"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-run" class="ti-run"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-run" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104ba;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-sailboat" class="ti-sailboat"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-sailboat" class="ti-sailboat"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-sailboat" class="ti-sailboat"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-sailboat" class="ti-sailboat"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-sailboat" class="ti-sailboat"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-sailboat" class="ti-sailboat"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-sailboat" class="ti-sailboat"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-sailboat" class="ti-sailboat"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-sailboat" class="ti-sailboat"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-sailboat" class="ti-sailboat"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-sailboat" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104bb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-satellite" class="ti-satellite"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-satellite" class="ti-satellite"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-satellite" class="ti-satellite"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-satellite" class="ti-satellite"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-satellite" class="ti-satellite"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-satellite" class="ti-satellite"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-satellite" class="ti-satellite"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-satellite" class="ti-satellite"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-satellite" class="ti-satellite"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-satellite" class="ti-satellite"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-satellite" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104bc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-scale" class="ti-scale"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-scale" class="ti-scale"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-scale" class="ti-scale"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-scale" class="ti-scale"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-scale" class="ti-scale"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-scale" class="ti-scale"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-scale" class="ti-scale"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-scale" class="ti-scale"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-scale" class="ti-scale"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-scale" class="ti-scale"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-scale" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104bd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-scan" class="ti-scan"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-scan" class="ti-scan"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-scan" class="ti-scan"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-scan" class="ti-scan"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-scan" class="ti-scan"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-scan" class="ti-scan"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-scan" class="ti-scan"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-scan" class="ti-scan"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-scan" class="ti-scan"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-scan" class="ti-scan"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-scan" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104be;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-school" class="ti-school"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-school" class="ti-school"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-school" class="ti-school"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-school" class="ti-school"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-school" class="ti-school"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-school" class="ti-school"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-school" class="ti-school"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-school" class="ti-school"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-school" class="ti-school"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-school" class="ti-school"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-school" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104bf;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-scissors" class="ti-scissors"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-scissors" class="ti-scissors"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-scissors" class="ti-scissors"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-scissors" class="ti-scissors"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-scissors" class="ti-scissors"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-scissors" class="ti-scissors"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-scissors" class="ti-scissors"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-scissors" class="ti-scissors"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-scissors" class="ti-scissors"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-scissors" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-scissors" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104c0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-scooter" class="ti-scooter"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-scooter" class="ti-scooter"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-scooter" class="ti-scooter"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-scooter" class="ti-scooter"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-scooter" class="ti-scooter"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-scooter" class="ti-scooter"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-scooter" class="ti-scooter"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-scooter" class="ti-scooter"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-scooter" class="ti-scooter"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-scooter" class="ti-scooter"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-scooter" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104c1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-scooter-electric" class="ti-scooter-electric"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-scooter-electric" class="ti-scooter-electric"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-scooter-electric" class="ti-scooter-electric"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-scooter-electric" class="ti-scooter-electric"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-scooter-electric" class="ti-scooter-electric"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-scooter-electric" class="ti-scooter-electric"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-scooter-electric" class="ti-scooter-electric"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-scooter-electric" class="ti-scooter-electric"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-scooter-electric" class="ti-scooter-electric"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-scooter-electric" class="ti-scooter-electric"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-scooter-electric" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104c2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-screen-share" class="ti-screen-share"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-screen-share" class="ti-screen-share"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-screen-share" class="ti-screen-share"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-screen-share" class="ti-screen-share"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-screen-share" class="ti-screen-share"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-screen-share" class="ti-screen-share"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-screen-share" class="ti-screen-share"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-screen-share" class="ti-screen-share"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-screen-share" class="ti-screen-share"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-screen-share" class="ti-screen-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-screen-share" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104c3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-screen-share-off" class="ti-screen-share-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-screen-share-off" class="ti-screen-share-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-screen-share-off" class="ti-screen-share-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-screen-share-off" class="ti-screen-share-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-screen-share-off" class="ti-screen-share-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-screen-share-off" class="ti-screen-share-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-screen-share-off" class="ti-screen-share-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-screen-share-off" class="ti-screen-share-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-screen-share-off" class="ti-screen-share-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-screen-share-off" class="ti-screen-share-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-screen-share-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104c4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-scuba-mask" class="ti-scuba-mask"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-scuba-mask" class="ti-scuba-mask"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-scuba-mask" class="ti-scuba-mask"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-scuba-mask" class="ti-scuba-mask"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-scuba-mask" class="ti-scuba-mask"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-scuba-mask" class="ti-scuba-mask"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-scuba-mask" class="ti-scuba-mask"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-scuba-mask" class="ti-scuba-mask"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-scuba-mask" class="ti-scuba-mask"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-scuba-mask" class="ti-scuba-mask"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-scuba-mask" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104c5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-search" class="ti-search"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-search" class="ti-search"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-search" class="ti-search"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-search" class="ti-search"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-search" class="ti-search"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-search" class="ti-search"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-search" class="ti-search"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-search" class="ti-search"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-search" class="ti-search"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-search" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-search" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104c6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-section" class="ti-section"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-section" class="ti-section"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-section" class="ti-section"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-section" class="ti-section"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-section" class="ti-section"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-section" class="ti-section"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-section" class="ti-section"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-section" class="ti-section"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-section" class="ti-section"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-section" class="ti-section"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-section" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104c7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-seeding" class="ti-seeding"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-seeding" class="ti-seeding"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-seeding" class="ti-seeding"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-seeding" class="ti-seeding"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-seeding" class="ti-seeding"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-seeding" class="ti-seeding"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-seeding" class="ti-seeding"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-seeding" class="ti-seeding"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-seeding" class="ti-seeding"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-seeding" class="ti-seeding"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-seeding" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104c8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-select" class="ti-select"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-select" class="ti-select"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-select" class="ti-select"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-select" class="ti-select"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-select" class="ti-select"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-select" class="ti-select"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-select" class="ti-select"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-select" class="ti-select"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-select" class="ti-select"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-select" class="ti-select"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-select" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104c9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-selector" class="ti-selector"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-selector" class="ti-selector"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-selector" class="ti-selector"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-selector" class="ti-selector"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-selector" class="ti-selector"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-selector" class="ti-selector"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-selector" class="ti-selector"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-selector" class="ti-selector"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-selector" class="ti-selector"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-selector" class="ti-selector"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-selector" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104ca;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-send" class="ti-send"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-send" class="ti-send"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-send" class="ti-send"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-send" class="ti-send"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-send" class="ti-send"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-send" class="ti-send"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-send" class="ti-send"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-send" class="ti-send"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-send" class="ti-send"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-send" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-send" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104cb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-separator" class="ti-separator"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-separator" class="ti-separator"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-separator" class="ti-separator"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-separator" class="ti-separator"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-separator" class="ti-separator"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-separator" class="ti-separator"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-separator" class="ti-separator"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-separator" class="ti-separator"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-separator" class="ti-separator"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-separator" class="ti-separator"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-separator" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104cc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-separator-horizontal" class="ti-separator-horizontal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-separator-horizontal" class="ti-separator-horizontal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-separator-horizontal" class="ti-separator-horizontal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-separator-horizontal" class="ti-separator-horizontal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-separator-horizontal" class="ti-separator-horizontal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-separator-horizontal" class="ti-separator-horizontal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-separator-horizontal" class="ti-separator-horizontal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-separator-horizontal" class="ti-separator-horizontal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-separator-horizontal" class="ti-separator-horizontal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-separator-horizontal" class="ti-separator-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-separator-horizontal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104cd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-separator-vertical" class="ti-separator-vertical"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-separator-vertical" class="ti-separator-vertical"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-separator-vertical" class="ti-separator-vertical"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-separator-vertical" class="ti-separator-vertical"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-separator-vertical" class="ti-separator-vertical"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-separator-vertical" class="ti-separator-vertical"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-separator-vertical" class="ti-separator-vertical"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-separator-vertical" class="ti-separator-vertical"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-separator-vertical" class="ti-separator-vertical"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-separator-vertical" class="ti-separator-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-separator-vertical" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104ce;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-server" class="ti-server"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-server" class="ti-server"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-server" class="ti-server"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-server" class="ti-server"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-server" class="ti-server"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-server" class="ti-server"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-server" class="ti-server"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-server" class="ti-server"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-server" class="ti-server"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-server" class="ti-server"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-server" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104cf;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-servicemark" class="ti-servicemark"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-servicemark" class="ti-servicemark"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-servicemark" class="ti-servicemark"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-servicemark" class="ti-servicemark"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-servicemark" class="ti-servicemark"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-servicemark" class="ti-servicemark"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-servicemark" class="ti-servicemark"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-servicemark" class="ti-servicemark"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-servicemark" class="ti-servicemark"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-servicemark" class="ti-servicemark"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-servicemark" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104d0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-settings" class="ti-settings"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-settings" class="ti-settings"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-settings" class="ti-settings"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-settings" class="ti-settings"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-settings" class="ti-settings"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-settings" class="ti-settings"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-settings" class="ti-settings"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-settings" class="ti-settings"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-settings" class="ti-settings"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-settings" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-settings" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104d1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-settings-automation" class="ti-settings-automation"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-settings-automation" class="ti-settings-automation"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-settings-automation" class="ti-settings-automation"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-settings-automation" class="ti-settings-automation"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-settings-automation" class="ti-settings-automation"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-settings-automation" class="ti-settings-automation"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-settings-automation" class="ti-settings-automation"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-settings-automation" class="ti-settings-automation"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-settings-automation" class="ti-settings-automation"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-settings-automation" class="ti-settings-automation"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-settings-automation" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104d2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-shadow" class="ti-shadow"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-shadow" class="ti-shadow"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-shadow" class="ti-shadow"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-shadow" class="ti-shadow"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-shadow" class="ti-shadow"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-shadow" class="ti-shadow"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-shadow" class="ti-shadow"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-shadow" class="ti-shadow"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-shadow" class="ti-shadow"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-shadow" class="ti-shadow"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-shadow" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104d3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-shadow-off" class="ti-shadow-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-shadow-off" class="ti-shadow-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-shadow-off" class="ti-shadow-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-shadow-off" class="ti-shadow-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-shadow-off" class="ti-shadow-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-shadow-off" class="ti-shadow-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-shadow-off" class="ti-shadow-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-shadow-off" class="ti-shadow-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-shadow-off" class="ti-shadow-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-shadow-off" class="ti-shadow-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-shadow-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104d4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-shape" class="ti-shape"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-shape" class="ti-shape"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-shape" class="ti-shape"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-shape" class="ti-shape"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-shape" class="ti-shape"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-shape" class="ti-shape"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-shape" class="ti-shape"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-shape" class="ti-shape"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-shape" class="ti-shape"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-shape" class="ti-shape"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-shape" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104d5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-shape-2" class="ti-shape-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-shape-2" class="ti-shape-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-shape-2" class="ti-shape-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-shape-2" class="ti-shape-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-shape-2" class="ti-shape-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-shape-2" class="ti-shape-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-shape-2" class="ti-shape-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-shape-2" class="ti-shape-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-shape-2" class="ti-shape-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-shape-2" class="ti-shape-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-shape-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104d6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-shape-3" class="ti-shape-3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-shape-3" class="ti-shape-3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-shape-3" class="ti-shape-3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-shape-3" class="ti-shape-3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-shape-3" class="ti-shape-3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-shape-3" class="ti-shape-3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-shape-3" class="ti-shape-3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-shape-3" class="ti-shape-3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-shape-3" class="ti-shape-3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-shape-3" class="ti-shape-3"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-shape-3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104d7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-share" class="ti-share"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-share" class="ti-share"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-share" class="ti-share"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-share" class="ti-share"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-share" class="ti-share"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-share" class="ti-share"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-share" class="ti-share"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-share" class="ti-share"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-share" class="ti-share"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-share" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-share" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104d8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-shield" class="ti-shield"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-shield" class="ti-shield"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-shield" class="ti-shield"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-shield" class="ti-shield"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-shield" class="ti-shield"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-shield" class="ti-shield"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-shield" class="ti-shield"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-shield" class="ti-shield"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-shield" class="ti-shield"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-shield" class="ti-shield"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-shield" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104d9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-shield-check" class="ti-shield-check"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-shield-check" class="ti-shield-check"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-shield-check" class="ti-shield-check"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-shield-check" class="ti-shield-check"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-shield-check" class="ti-shield-check"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-shield-check" class="ti-shield-check"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-shield-check" class="ti-shield-check"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-shield-check" class="ti-shield-check"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-shield-check" class="ti-shield-check"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-shield-check" class="ti-shield-check"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-shield-check" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104da;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-shield-lock" class="ti-shield-lock"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-shield-lock" class="ti-shield-lock"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-shield-lock" class="ti-shield-lock"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-shield-lock" class="ti-shield-lock"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-shield-lock" class="ti-shield-lock"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-shield-lock" class="ti-shield-lock"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-shield-lock" class="ti-shield-lock"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-shield-lock" class="ti-shield-lock"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-shield-lock" class="ti-shield-lock"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-shield-lock" class="ti-shield-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-shield-lock" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104db;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-shield-off" class="ti-shield-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-shield-off" class="ti-shield-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-shield-off" class="ti-shield-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-shield-off" class="ti-shield-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-shield-off" class="ti-shield-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-shield-off" class="ti-shield-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-shield-off" class="ti-shield-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-shield-off" class="ti-shield-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-shield-off" class="ti-shield-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-shield-off" class="ti-shield-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-shield-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104dc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-shield-x" class="ti-shield-x"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-shield-x" class="ti-shield-x"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-shield-x" class="ti-shield-x"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-shield-x" class="ti-shield-x"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-shield-x" class="ti-shield-x"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-shield-x" class="ti-shield-x"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-shield-x" class="ti-shield-x"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-shield-x" class="ti-shield-x"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-shield-x" class="ti-shield-x"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-shield-x" class="ti-shield-x"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-shield-x" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104dd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ship" class="ti-ship"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ship" class="ti-ship"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ship" class="ti-ship"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ship" class="ti-ship"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ship" class="ti-ship"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ship" class="ti-ship"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ship" class="ti-ship"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ship" class="ti-ship"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ship" class="ti-ship"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ship" class="ti-ship"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ship" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104de;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-shirt" class="ti-shirt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-shirt" class="ti-shirt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-shirt" class="ti-shirt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-shirt" class="ti-shirt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-shirt" class="ti-shirt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-shirt" class="ti-shirt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-shirt" class="ti-shirt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-shirt" class="ti-shirt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-shirt" class="ti-shirt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-shirt" class="ti-shirt"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-shirt" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104df;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-shopping-cart" class="ti-shopping-cart"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-shopping-cart" class="ti-shopping-cart"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-shopping-cart" class="ti-shopping-cart"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-shopping-cart" class="ti-shopping-cart"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-shopping-cart" class="ti-shopping-cart"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-shopping-cart" class="ti-shopping-cart"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-shopping-cart" class="ti-shopping-cart"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-shopping-cart" class="ti-shopping-cart"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-shopping-cart" class="ti-shopping-cart"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-shopping-cart" class="ti-shopping-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-shopping-cart" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104e0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-shopping-cart-discount" class="ti-shopping-cart-discount"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-shopping-cart-discount" class="ti-shopping-cart-discount"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-shopping-cart-discount" class="ti-shopping-cart-discount"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-shopping-cart-discount" class="ti-shopping-cart-discount"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-shopping-cart-discount" class="ti-shopping-cart-discount"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-shopping-cart-discount" class="ti-shopping-cart-discount"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-shopping-cart-discount" class="ti-shopping-cart-discount"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-shopping-cart-discount" class="ti-shopping-cart-discount"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-shopping-cart-discount" class="ti-shopping-cart-discount"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-shopping-cart-discount" class="ti-shopping-cart-discount"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-shopping-cart-discount" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104e1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-shopping-cart-off" class="ti-shopping-cart-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-shopping-cart-off" class="ti-shopping-cart-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-shopping-cart-off" class="ti-shopping-cart-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-shopping-cart-off" class="ti-shopping-cart-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-shopping-cart-off" class="ti-shopping-cart-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-shopping-cart-off" class="ti-shopping-cart-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-shopping-cart-off" class="ti-shopping-cart-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-shopping-cart-off" class="ti-shopping-cart-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-shopping-cart-off" class="ti-shopping-cart-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-shopping-cart-off" class="ti-shopping-cart-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-shopping-cart-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104e2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-shopping-cart-plus" class="ti-shopping-cart-plus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-shopping-cart-plus" class="ti-shopping-cart-plus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-shopping-cart-plus" class="ti-shopping-cart-plus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-shopping-cart-plus" class="ti-shopping-cart-plus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-shopping-cart-plus" class="ti-shopping-cart-plus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-shopping-cart-plus" class="ti-shopping-cart-plus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-shopping-cart-plus" class="ti-shopping-cart-plus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-shopping-cart-plus" class="ti-shopping-cart-plus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-shopping-cart-plus" class="ti-shopping-cart-plus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-shopping-cart-plus" class="ti-shopping-cart-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-shopping-cart-plus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104e3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-shopping-cart-x" class="ti-shopping-cart-x"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-shopping-cart-x" class="ti-shopping-cart-x"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-shopping-cart-x" class="ti-shopping-cart-x"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-shopping-cart-x" class="ti-shopping-cart-x"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-shopping-cart-x" class="ti-shopping-cart-x"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-shopping-cart-x" class="ti-shopping-cart-x"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-shopping-cart-x" class="ti-shopping-cart-x"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-shopping-cart-x" class="ti-shopping-cart-x"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-shopping-cart-x" class="ti-shopping-cart-x"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-shopping-cart-x" class="ti-shopping-cart-x"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-shopping-cart-x" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104e4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-shredder" class="ti-shredder"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-shredder" class="ti-shredder"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-shredder" class="ti-shredder"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-shredder" class="ti-shredder"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-shredder" class="ti-shredder"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-shredder" class="ti-shredder"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-shredder" class="ti-shredder"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-shredder" class="ti-shredder"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-shredder" class="ti-shredder"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-shredder" class="ti-shredder"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-shredder" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104e5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-signature" class="ti-signature"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-signature" class="ti-signature"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-signature" class="ti-signature"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-signature" class="ti-signature"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-signature" class="ti-signature"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-signature" class="ti-signature"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-signature" class="ti-signature"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-signature" class="ti-signature"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-signature" class="ti-signature"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-signature" class="ti-signature"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-signature" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104e6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-sitemap" class="ti-sitemap"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-sitemap" class="ti-sitemap"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-sitemap" class="ti-sitemap"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-sitemap" class="ti-sitemap"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-sitemap" class="ti-sitemap"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-sitemap" class="ti-sitemap"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-sitemap" class="ti-sitemap"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-sitemap" class="ti-sitemap"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-sitemap" class="ti-sitemap"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-sitemap" class="ti-sitemap"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-sitemap" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104e7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-skateboard" class="ti-skateboard"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-skateboard" class="ti-skateboard"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-skateboard" class="ti-skateboard"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-skateboard" class="ti-skateboard"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-skateboard" class="ti-skateboard"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-skateboard" class="ti-skateboard"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-skateboard" class="ti-skateboard"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-skateboard" class="ti-skateboard"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-skateboard" class="ti-skateboard"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-skateboard" class="ti-skateboard"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-skateboard" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104e8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-slice" class="ti-slice"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-slice" class="ti-slice"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-slice" class="ti-slice"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-slice" class="ti-slice"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-slice" class="ti-slice"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-slice" class="ti-slice"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-slice" class="ti-slice"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-slice" class="ti-slice"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-slice" class="ti-slice"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-slice" class="ti-slice"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-slice" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104e9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-slideshow" class="ti-slideshow"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-slideshow" class="ti-slideshow"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-slideshow" class="ti-slideshow"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-slideshow" class="ti-slideshow"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-slideshow" class="ti-slideshow"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-slideshow" class="ti-slideshow"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-slideshow" class="ti-slideshow"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-slideshow" class="ti-slideshow"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-slideshow" class="ti-slideshow"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-slideshow" class="ti-slideshow"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-slideshow" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104ea;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-smart-home" class="ti-smart-home"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-smart-home" class="ti-smart-home"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-smart-home" class="ti-smart-home"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-smart-home" class="ti-smart-home"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-smart-home" class="ti-smart-home"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-smart-home" class="ti-smart-home"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-smart-home" class="ti-smart-home"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-smart-home" class="ti-smart-home"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-smart-home" class="ti-smart-home"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-smart-home" class="ti-smart-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-smart-home" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104eb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-smoking" class="ti-smoking"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-smoking" class="ti-smoking"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-smoking" class="ti-smoking"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-smoking" class="ti-smoking"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-smoking" class="ti-smoking"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-smoking" class="ti-smoking"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-smoking" class="ti-smoking"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-smoking" class="ti-smoking"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-smoking" class="ti-smoking"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-smoking" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-smoking" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104ec;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-smoking-no" class="ti-smoking-no"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-smoking-no" class="ti-smoking-no"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-smoking-no" class="ti-smoking-no"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-smoking-no" class="ti-smoking-no"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-smoking-no" class="ti-smoking-no"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-smoking-no" class="ti-smoking-no"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-smoking-no" class="ti-smoking-no"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-smoking-no" class="ti-smoking-no"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-smoking-no" class="ti-smoking-no"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-smoking-no" class="ti-smoking-no"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-smoking-no" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104ed;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-snowflake" class="ti-snowflake"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-snowflake" class="ti-snowflake"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-snowflake" class="ti-snowflake"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-snowflake" class="ti-snowflake"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-snowflake" class="ti-snowflake"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-snowflake" class="ti-snowflake"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-snowflake" class="ti-snowflake"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-snowflake" class="ti-snowflake"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-snowflake" class="ti-snowflake"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-snowflake" class="ti-snowflake"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-snowflake" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104ee;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-soccer-field" class="ti-soccer-field"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-soccer-field" class="ti-soccer-field"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-soccer-field" class="ti-soccer-field"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-soccer-field" class="ti-soccer-field"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-soccer-field" class="ti-soccer-field"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-soccer-field" class="ti-soccer-field"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-soccer-field" class="ti-soccer-field"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-soccer-field" class="ti-soccer-field"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-soccer-field" class="ti-soccer-field"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-soccer-field" class="ti-soccer-field"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-soccer-field" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104ef;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-social" class="ti-social"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-social" class="ti-social"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-social" class="ti-social"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-social" class="ti-social"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-social" class="ti-social"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-social" class="ti-social"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-social" class="ti-social"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-social" class="ti-social"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-social" class="ti-social"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-social" class="ti-social"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-social" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104f0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-sock" class="ti-sock"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-sock" class="ti-sock"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-sock" class="ti-sock"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-sock" class="ti-sock"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-sock" class="ti-sock"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-sock" class="ti-sock"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-sock" class="ti-sock"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-sock" class="ti-sock"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-sock" class="ti-sock"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-sock" class="ti-sock"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-sock" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104f1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-sort-ascending" class="ti-sort-ascending"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-sort-ascending" class="ti-sort-ascending"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-sort-ascending" class="ti-sort-ascending"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-sort-ascending" class="ti-sort-ascending"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-sort-ascending" class="ti-sort-ascending"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-sort-ascending" class="ti-sort-ascending"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-sort-ascending" class="ti-sort-ascending"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-sort-ascending" class="ti-sort-ascending"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-sort-ascending" class="ti-sort-ascending"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-sort-ascending" class="ti-sort-ascending"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-sort-ascending" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104f2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-sort-ascending-2" class="ti-sort-ascending-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-sort-ascending-2" class="ti-sort-ascending-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-sort-ascending-2" class="ti-sort-ascending-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-sort-ascending-2" class="ti-sort-ascending-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-sort-ascending-2" class="ti-sort-ascending-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-sort-ascending-2" class="ti-sort-ascending-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-sort-ascending-2" class="ti-sort-ascending-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-sort-ascending-2" class="ti-sort-ascending-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-sort-ascending-2" class="ti-sort-ascending-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-sort-ascending-2" class="ti-sort-ascending-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-sort-ascending-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104f3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-sort-descending" class="ti-sort-descending"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-sort-descending" class="ti-sort-descending"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-sort-descending" class="ti-sort-descending"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-sort-descending" class="ti-sort-descending"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-sort-descending" class="ti-sort-descending"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-sort-descending" class="ti-sort-descending"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-sort-descending" class="ti-sort-descending"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-sort-descending" class="ti-sort-descending"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-sort-descending" class="ti-sort-descending"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-sort-descending" class="ti-sort-descending"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-sort-descending" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104f4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-sort-descending-2" class="ti-sort-descending-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-sort-descending-2" class="ti-sort-descending-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-sort-descending-2" class="ti-sort-descending-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-sort-descending-2" class="ti-sort-descending-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-sort-descending-2" class="ti-sort-descending-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-sort-descending-2" class="ti-sort-descending-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-sort-descending-2" class="ti-sort-descending-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-sort-descending-2" class="ti-sort-descending-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-sort-descending-2" class="ti-sort-descending-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-sort-descending-2" class="ti-sort-descending-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-sort-descending-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104f5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-space" class="ti-space"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-space" class="ti-space"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-space" class="ti-space"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-space" class="ti-space"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-space" class="ti-space"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-space" class="ti-space"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-space" class="ti-space"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-space" class="ti-space"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-space" class="ti-space"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-space" class="ti-space"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-space" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104f6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-speakerphone" class="ti-speakerphone"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-speakerphone" class="ti-speakerphone"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-speakerphone" class="ti-speakerphone"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-speakerphone" class="ti-speakerphone"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-speakerphone" class="ti-speakerphone"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-speakerphone" class="ti-speakerphone"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-speakerphone" class="ti-speakerphone"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-speakerphone" class="ti-speakerphone"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-speakerphone" class="ti-speakerphone"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-speakerphone" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-speakerphone" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104f7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-speedboat" class="ti-speedboat"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-speedboat" class="ti-speedboat"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-speedboat" class="ti-speedboat"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-speedboat" class="ti-speedboat"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-speedboat" class="ti-speedboat"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-speedboat" class="ti-speedboat"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-speedboat" class="ti-speedboat"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-speedboat" class="ti-speedboat"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-speedboat" class="ti-speedboat"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-speedboat" class="ti-speedboat"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-speedboat" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104f8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-sport-billard" class="ti-sport-billard"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-sport-billard" class="ti-sport-billard"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-sport-billard" class="ti-sport-billard"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-sport-billard" class="ti-sport-billard"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-sport-billard" class="ti-sport-billard"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-sport-billard" class="ti-sport-billard"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-sport-billard" class="ti-sport-billard"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-sport-billard" class="ti-sport-billard"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-sport-billard" class="ti-sport-billard"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-sport-billard" class="ti-sport-billard"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-sport-billard" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104f9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square" class="ti-square"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square" class="ti-square"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square" class="ti-square"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square" class="ti-square"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square" class="ti-square"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square" class="ti-square"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square" class="ti-square"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square" class="ti-square"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square" class="ti-square"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square" class="ti-square"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104fa;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-0" class="ti-square-0"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-0" class="ti-square-0"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-0" class="ti-square-0"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-0" class="ti-square-0"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-0" class="ti-square-0"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-0" class="ti-square-0"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-0" class="ti-square-0"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-0" class="ti-square-0"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-0" class="ti-square-0"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-0" class="ti-square-0"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-0" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104fb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-1" class="ti-square-1"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-1" class="ti-square-1"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-1" class="ti-square-1"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-1" class="ti-square-1"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-1" class="ti-square-1"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-1" class="ti-square-1"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-1" class="ti-square-1"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-1" class="ti-square-1"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-1" class="ti-square-1"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-1" class="ti-square-1"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-1" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104fc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-2" class="ti-square-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-2" class="ti-square-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-2" class="ti-square-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-2" class="ti-square-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-2" class="ti-square-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-2" class="ti-square-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-2" class="ti-square-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-2" class="ti-square-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-2" class="ti-square-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-2" class="ti-square-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104fd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-3" class="ti-square-3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-3" class="ti-square-3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-3" class="ti-square-3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-3" class="ti-square-3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-3" class="ti-square-3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-3" class="ti-square-3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-3" class="ti-square-3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-3" class="ti-square-3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-3" class="ti-square-3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-3" class="ti-square-3"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104fe;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-4" class="ti-square-4"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-4" class="ti-square-4"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-4" class="ti-square-4"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-4" class="ti-square-4"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-4" class="ti-square-4"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-4" class="ti-square-4"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-4" class="ti-square-4"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-4" class="ti-square-4"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-4" class="ti-square-4"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-4" class="ti-square-4"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-4" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x104ff;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-5" class="ti-square-5"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-5" class="ti-square-5"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-5" class="ti-square-5"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-5" class="ti-square-5"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-5" class="ti-square-5"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-5" class="ti-square-5"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-5" class="ti-square-5"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-5" class="ti-square-5"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-5" class="ti-square-5"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-5" class="ti-square-5"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-5" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10500;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-6" class="ti-square-6"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-6" class="ti-square-6"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-6" class="ti-square-6"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-6" class="ti-square-6"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-6" class="ti-square-6"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-6" class="ti-square-6"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-6" class="ti-square-6"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-6" class="ti-square-6"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-6" class="ti-square-6"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-6" class="ti-square-6"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-6" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10501;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-7" class="ti-square-7"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-7" class="ti-square-7"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-7" class="ti-square-7"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-7" class="ti-square-7"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-7" class="ti-square-7"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-7" class="ti-square-7"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-7" class="ti-square-7"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-7" class="ti-square-7"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-7" class="ti-square-7"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-7" class="ti-square-7"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-7" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10502;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-8" class="ti-square-8"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-8" class="ti-square-8"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-8" class="ti-square-8"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-8" class="ti-square-8"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-8" class="ti-square-8"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-8" class="ti-square-8"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-8" class="ti-square-8"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-8" class="ti-square-8"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-8" class="ti-square-8"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-8" class="ti-square-8"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-8" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10503;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-9" class="ti-square-9"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-9" class="ti-square-9"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-9" class="ti-square-9"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-9" class="ti-square-9"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-9" class="ti-square-9"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-9" class="ti-square-9"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-9" class="ti-square-9"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-9" class="ti-square-9"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-9" class="ti-square-9"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-9" class="ti-square-9"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-9" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10504;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-check" class="ti-square-check"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-check" class="ti-square-check"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-check" class="ti-square-check"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-check" class="ti-square-check"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-check" class="ti-square-check"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-check" class="ti-square-check"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-check" class="ti-square-check"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-check" class="ti-square-check"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-check" class="ti-square-check"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-check" class="ti-square-check"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-check" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10505;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-dot" class="ti-square-dot"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-dot" class="ti-square-dot"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-dot" class="ti-square-dot"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-dot" class="ti-square-dot"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-dot" class="ti-square-dot"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-dot" class="ti-square-dot"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-dot" class="ti-square-dot"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-dot" class="ti-square-dot"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-dot" class="ti-square-dot"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-dot" class="ti-square-dot"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-dot" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10506;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-forbid" class="ti-square-forbid"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-forbid" class="ti-square-forbid"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-forbid" class="ti-square-forbid"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-forbid" class="ti-square-forbid"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-forbid" class="ti-square-forbid"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-forbid" class="ti-square-forbid"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-forbid" class="ti-square-forbid"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-forbid" class="ti-square-forbid"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-forbid" class="ti-square-forbid"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-forbid" class="ti-square-forbid"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-forbid" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10507;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-forbid-2" class="ti-square-forbid-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-forbid-2" class="ti-square-forbid-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-forbid-2" class="ti-square-forbid-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-forbid-2" class="ti-square-forbid-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-forbid-2" class="ti-square-forbid-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-forbid-2" class="ti-square-forbid-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-forbid-2" class="ti-square-forbid-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-forbid-2" class="ti-square-forbid-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-forbid-2" class="ti-square-forbid-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-forbid-2" class="ti-square-forbid-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-forbid-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10508;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-minus" class="ti-square-minus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-minus" class="ti-square-minus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-minus" class="ti-square-minus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-minus" class="ti-square-minus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-minus" class="ti-square-minus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-minus" class="ti-square-minus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-minus" class="ti-square-minus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-minus" class="ti-square-minus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-minus" class="ti-square-minus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-minus" class="ti-square-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-minus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10509;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-off" class="ti-square-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-off" class="ti-square-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-off" class="ti-square-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-off" class="ti-square-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-off" class="ti-square-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-off" class="ti-square-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-off" class="ti-square-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-off" class="ti-square-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-off" class="ti-square-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-off" class="ti-square-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1050a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-plus" class="ti-square-plus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-plus" class="ti-square-plus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-plus" class="ti-square-plus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-plus" class="ti-square-plus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-plus" class="ti-square-plus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-plus" class="ti-square-plus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-plus" class="ti-square-plus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-plus" class="ti-square-plus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-plus" class="ti-square-plus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-plus" class="ti-square-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-plus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1050b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-root" class="ti-square-root"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-root" class="ti-square-root"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-root" class="ti-square-root"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-root" class="ti-square-root"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-root" class="ti-square-root"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-root" class="ti-square-root"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-root" class="ti-square-root"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-root" class="ti-square-root"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-root" class="ti-square-root"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-root" class="ti-square-root"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-root" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1050c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-root-2" class="ti-square-root-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-root-2" class="ti-square-root-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-root-2" class="ti-square-root-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-root-2" class="ti-square-root-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-root-2" class="ti-square-root-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-root-2" class="ti-square-root-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-root-2" class="ti-square-root-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-root-2" class="ti-square-root-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-root-2" class="ti-square-root-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-root-2" class="ti-square-root-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-root-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1050d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-rotated" class="ti-square-rotated"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-rotated" class="ti-square-rotated"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-rotated" class="ti-square-rotated"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-rotated" class="ti-square-rotated"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-rotated" class="ti-square-rotated"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-rotated" class="ti-square-rotated"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-rotated" class="ti-square-rotated"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-rotated" class="ti-square-rotated"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-rotated" class="ti-square-rotated"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-rotated" class="ti-square-rotated"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-rotated" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1050e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-rotated-off" class="ti-square-rotated-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-rotated-off" class="ti-square-rotated-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-rotated-off" class="ti-square-rotated-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-rotated-off" class="ti-square-rotated-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-rotated-off" class="ti-square-rotated-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-rotated-off" class="ti-square-rotated-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-rotated-off" class="ti-square-rotated-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-rotated-off" class="ti-square-rotated-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-rotated-off" class="ti-square-rotated-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-rotated-off" class="ti-square-rotated-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-rotated-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1050f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-toggle" class="ti-square-toggle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-toggle" class="ti-square-toggle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-toggle" class="ti-square-toggle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-toggle" class="ti-square-toggle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-toggle" class="ti-square-toggle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-toggle" class="ti-square-toggle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-toggle" class="ti-square-toggle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-toggle" class="ti-square-toggle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-toggle" class="ti-square-toggle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-toggle" class="ti-square-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-toggle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10510;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-toggle-horizontal" class="ti-square-toggle-horizontal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-toggle-horizontal" class="ti-square-toggle-horizontal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-toggle-horizontal" class="ti-square-toggle-horizontal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-toggle-horizontal" class="ti-square-toggle-horizontal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-toggle-horizontal" class="ti-square-toggle-horizontal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-toggle-horizontal" class="ti-square-toggle-horizontal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-toggle-horizontal" class="ti-square-toggle-horizontal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-toggle-horizontal" class="ti-square-toggle-horizontal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-toggle-horizontal" class="ti-square-toggle-horizontal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-toggle-horizontal" class="ti-square-toggle-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-toggle-horizontal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10511;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-square-x" class="ti-square-x"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-square-x" class="ti-square-x"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-square-x" class="ti-square-x"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-square-x" class="ti-square-x"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-square-x" class="ti-square-x"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-square-x" class="ti-square-x"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-square-x" class="ti-square-x"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-square-x" class="ti-square-x"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-square-x" class="ti-square-x"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-square-x" class="ti-square-x"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-square-x" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10512;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-squares-diagonal" class="ti-squares-diagonal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-squares-diagonal" class="ti-squares-diagonal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-squares-diagonal" class="ti-squares-diagonal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-squares-diagonal" class="ti-squares-diagonal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-squares-diagonal" class="ti-squares-diagonal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-squares-diagonal" class="ti-squares-diagonal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-squares-diagonal" class="ti-squares-diagonal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-squares-diagonal" class="ti-squares-diagonal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-squares-diagonal" class="ti-squares-diagonal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-squares-diagonal" class="ti-squares-diagonal"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-squares-diagonal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10513;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-squares-filled" class="ti-squares-filled"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-squares-filled" class="ti-squares-filled"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-squares-filled" class="ti-squares-filled"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-squares-filled" class="ti-squares-filled"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-squares-filled" class="ti-squares-filled"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-squares-filled" class="ti-squares-filled"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-squares-filled" class="ti-squares-filled"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-squares-filled" class="ti-squares-filled"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-squares-filled" class="ti-squares-filled"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-squares-filled" class="ti-squares-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-squares-filled" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10514;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-stack" class="ti-stack"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-stack" class="ti-stack"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-stack" class="ti-stack"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-stack" class="ti-stack"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-stack" class="ti-stack"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-stack" class="ti-stack"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-stack" class="ti-stack"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-stack" class="ti-stack"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-stack" class="ti-stack"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-stack" class="ti-stack"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-stack" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10515;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-stack-2" class="ti-stack-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-stack-2" class="ti-stack-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-stack-2" class="ti-stack-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-stack-2" class="ti-stack-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-stack-2" class="ti-stack-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-stack-2" class="ti-stack-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-stack-2" class="ti-stack-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-stack-2" class="ti-stack-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-stack-2" class="ti-stack-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-stack-2" class="ti-stack-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-stack-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10516;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-stairs" class="ti-stairs"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-stairs" class="ti-stairs"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-stairs" class="ti-stairs"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-stairs" class="ti-stairs"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-stairs" class="ti-stairs"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-stairs" class="ti-stairs"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-stairs" class="ti-stairs"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-stairs" class="ti-stairs"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-stairs" class="ti-stairs"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-stairs" class="ti-stairs"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-stairs" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10517;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-stairs-down" class="ti-stairs-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-stairs-down" class="ti-stairs-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-stairs-down" class="ti-stairs-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-stairs-down" class="ti-stairs-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-stairs-down" class="ti-stairs-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-stairs-down" class="ti-stairs-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-stairs-down" class="ti-stairs-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-stairs-down" class="ti-stairs-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-stairs-down" class="ti-stairs-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-stairs-down" class="ti-stairs-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-stairs-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10518;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-stairs-up" class="ti-stairs-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-stairs-up" class="ti-stairs-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-stairs-up" class="ti-stairs-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-stairs-up" class="ti-stairs-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-stairs-up" class="ti-stairs-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-stairs-up" class="ti-stairs-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-stairs-up" class="ti-stairs-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-stairs-up" class="ti-stairs-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-stairs-up" class="ti-stairs-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-stairs-up" class="ti-stairs-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-stairs-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10519;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-star" class="ti-star"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-star" class="ti-star"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-star" class="ti-star"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-star" class="ti-star"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-star" class="ti-star"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-star" class="ti-star"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-star" class="ti-star"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-star" class="ti-star"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-star" class="ti-star"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-star" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-star" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1051a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-star-half" class="ti-star-half"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-star-half" class="ti-star-half"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-star-half" class="ti-star-half"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-star-half" class="ti-star-half"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-star-half" class="ti-star-half"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-star-half" class="ti-star-half"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-star-half" class="ti-star-half"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-star-half" class="ti-star-half"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-star-half" class="ti-star-half"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-star-half" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-star-half" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1051b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-star-off" class="ti-star-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-star-off" class="ti-star-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-star-off" class="ti-star-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-star-off" class="ti-star-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-star-off" class="ti-star-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-star-off" class="ti-star-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-star-off" class="ti-star-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-star-off" class="ti-star-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-star-off" class="ti-star-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-star-off" class="ti-star-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-star-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1051c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-stars" class="ti-stars"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-stars" class="ti-stars"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-stars" class="ti-stars"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-stars" class="ti-stars"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-stars" class="ti-stars"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-stars" class="ti-stars"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-stars" class="ti-stars"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-stars" class="ti-stars"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-stars" class="ti-stars"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-stars" class="ti-stars"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-stars" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1051d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-steering-wheel" class="ti-steering-wheel"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-steering-wheel" class="ti-steering-wheel"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-steering-wheel" class="ti-steering-wheel"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-steering-wheel" class="ti-steering-wheel"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-steering-wheel" class="ti-steering-wheel"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-steering-wheel" class="ti-steering-wheel"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-steering-wheel" class="ti-steering-wheel"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-steering-wheel" class="ti-steering-wheel"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-steering-wheel" class="ti-steering-wheel"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-steering-wheel" class="ti-steering-wheel"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-steering-wheel" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1051e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-step-into" class="ti-step-into"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-step-into" class="ti-step-into"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-step-into" class="ti-step-into"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-step-into" class="ti-step-into"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-step-into" class="ti-step-into"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-step-into" class="ti-step-into"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-step-into" class="ti-step-into"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-step-into" class="ti-step-into"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-step-into" class="ti-step-into"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-step-into" class="ti-step-into"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-step-into" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1051f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-step-out" class="ti-step-out"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-step-out" class="ti-step-out"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-step-out" class="ti-step-out"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-step-out" class="ti-step-out"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-step-out" class="ti-step-out"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-step-out" class="ti-step-out"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-step-out" class="ti-step-out"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-step-out" class="ti-step-out"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-step-out" class="ti-step-out"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-step-out" class="ti-step-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-step-out" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10520;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-stethoscope" class="ti-stethoscope"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-stethoscope" class="ti-stethoscope"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-stethoscope" class="ti-stethoscope"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-stethoscope" class="ti-stethoscope"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-stethoscope" class="ti-stethoscope"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-stethoscope" class="ti-stethoscope"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-stethoscope" class="ti-stethoscope"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-stethoscope" class="ti-stethoscope"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-stethoscope" class="ti-stethoscope"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-stethoscope" class="ti-stethoscope"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-stethoscope" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10521;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-sticker" class="ti-sticker"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-sticker" class="ti-sticker"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-sticker" class="ti-sticker"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-sticker" class="ti-sticker"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-sticker" class="ti-sticker"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-sticker" class="ti-sticker"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-sticker" class="ti-sticker"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-sticker" class="ti-sticker"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-sticker" class="ti-sticker"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-sticker" class="ti-sticker"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-sticker" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10522;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-strikethrough" class="ti-strikethrough"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-strikethrough" class="ti-strikethrough"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-strikethrough" class="ti-strikethrough"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-strikethrough" class="ti-strikethrough"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-strikethrough" class="ti-strikethrough"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-strikethrough" class="ti-strikethrough"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-strikethrough" class="ti-strikethrough"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-strikethrough" class="ti-strikethrough"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-strikethrough" class="ti-strikethrough"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-strikethrough" class="ti-strikethrough"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-strikethrough" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10523;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-submarine" class="ti-submarine"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-submarine" class="ti-submarine"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-submarine" class="ti-submarine"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-submarine" class="ti-submarine"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-submarine" class="ti-submarine"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-submarine" class="ti-submarine"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-submarine" class="ti-submarine"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-submarine" class="ti-submarine"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-submarine" class="ti-submarine"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-submarine" class="ti-submarine"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-submarine" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10524;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-subscript" class="ti-subscript"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-subscript" class="ti-subscript"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-subscript" class="ti-subscript"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-subscript" class="ti-subscript"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-subscript" class="ti-subscript"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-subscript" class="ti-subscript"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-subscript" class="ti-subscript"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-subscript" class="ti-subscript"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-subscript" class="ti-subscript"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-subscript" class="ti-subscript"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-subscript" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10525;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-subtask" class="ti-subtask"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-subtask" class="ti-subtask"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-subtask" class="ti-subtask"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-subtask" class="ti-subtask"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-subtask" class="ti-subtask"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-subtask" class="ti-subtask"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-subtask" class="ti-subtask"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-subtask" class="ti-subtask"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-subtask" class="ti-subtask"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-subtask" class="ti-subtask"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-subtask" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10526;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-sum" class="ti-sum"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-sum" class="ti-sum"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-sum" class="ti-sum"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-sum" class="ti-sum"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-sum" class="ti-sum"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-sum" class="ti-sum"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-sum" class="ti-sum"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-sum" class="ti-sum"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-sum" class="ti-sum"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-sum" class="ti-sum"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-sum" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10527;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-sun" class="ti-sun"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-sun" class="ti-sun"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-sun" class="ti-sun"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-sun" class="ti-sun"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-sun" class="ti-sun"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-sun" class="ti-sun"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-sun" class="ti-sun"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-sun" class="ti-sun"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-sun" class="ti-sun"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-sun" class="ti-sun"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-sun" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10528;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-sun-off" class="ti-sun-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-sun-off" class="ti-sun-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-sun-off" class="ti-sun-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-sun-off" class="ti-sun-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-sun-off" class="ti-sun-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-sun-off" class="ti-sun-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-sun-off" class="ti-sun-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-sun-off" class="ti-sun-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-sun-off" class="ti-sun-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-sun-off" class="ti-sun-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-sun-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10529;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-sunset" class="ti-sunset"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-sunset" class="ti-sunset"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-sunset" class="ti-sunset"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-sunset" class="ti-sunset"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-sunset" class="ti-sunset"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-sunset" class="ti-sunset"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-sunset" class="ti-sunset"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-sunset" class="ti-sunset"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-sunset" class="ti-sunset"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-sunset" class="ti-sunset"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-sunset" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1052a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-sunshine" class="ti-sunshine"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-sunshine" class="ti-sunshine"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-sunshine" class="ti-sunshine"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-sunshine" class="ti-sunshine"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-sunshine" class="ti-sunshine"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-sunshine" class="ti-sunshine"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-sunshine" class="ti-sunshine"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-sunshine" class="ti-sunshine"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-sunshine" class="ti-sunshine"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-sunshine" class="ti-sunshine"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-sunshine" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1052b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-superscript" class="ti-superscript"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-superscript" class="ti-superscript"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-superscript" class="ti-superscript"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-superscript" class="ti-superscript"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-superscript" class="ti-superscript"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-superscript" class="ti-superscript"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-superscript" class="ti-superscript"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-superscript" class="ti-superscript"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-superscript" class="ti-superscript"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-superscript" class="ti-superscript"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-superscript" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1052c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-swimming" class="ti-swimming"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-swimming" class="ti-swimming"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-swimming" class="ti-swimming"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-swimming" class="ti-swimming"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-swimming" class="ti-swimming"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-swimming" class="ti-swimming"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-swimming" class="ti-swimming"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-swimming" class="ti-swimming"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-swimming" class="ti-swimming"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-swimming" class="ti-swimming"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-swimming" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1052d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-switch" class="ti-switch"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-switch" class="ti-switch"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-switch" class="ti-switch"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-switch" class="ti-switch"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-switch" class="ti-switch"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-switch" class="ti-switch"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-switch" class="ti-switch"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-switch" class="ti-switch"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-switch" class="ti-switch"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-switch" class="ti-switch"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-switch" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1052e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-switch-2" class="ti-switch-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-switch-2" class="ti-switch-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-switch-2" class="ti-switch-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-switch-2" class="ti-switch-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-switch-2" class="ti-switch-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-switch-2" class="ti-switch-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-switch-2" class="ti-switch-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-switch-2" class="ti-switch-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-switch-2" class="ti-switch-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-switch-2" class="ti-switch-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-switch-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1052f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-switch-3" class="ti-switch-3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-switch-3" class="ti-switch-3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-switch-3" class="ti-switch-3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-switch-3" class="ti-switch-3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-switch-3" class="ti-switch-3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-switch-3" class="ti-switch-3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-switch-3" class="ti-switch-3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-switch-3" class="ti-switch-3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-switch-3" class="ti-switch-3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-switch-3" class="ti-switch-3"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-switch-3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10530;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-switch-horizontal" class="ti-switch-horizontal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-switch-horizontal" class="ti-switch-horizontal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-switch-horizontal" class="ti-switch-horizontal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-switch-horizontal" class="ti-switch-horizontal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-switch-horizontal" class="ti-switch-horizontal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-switch-horizontal" class="ti-switch-horizontal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-switch-horizontal" class="ti-switch-horizontal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-switch-horizontal" class="ti-switch-horizontal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-switch-horizontal" class="ti-switch-horizontal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-switch-horizontal" class="ti-switch-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-switch-horizontal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10531;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-switch-vertical" class="ti-switch-vertical"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-switch-vertical" class="ti-switch-vertical"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-switch-vertical" class="ti-switch-vertical"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-switch-vertical" class="ti-switch-vertical"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-switch-vertical" class="ti-switch-vertical"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-switch-vertical" class="ti-switch-vertical"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-switch-vertical" class="ti-switch-vertical"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-switch-vertical" class="ti-switch-vertical"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-switch-vertical" class="ti-switch-vertical"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-switch-vertical" class="ti-switch-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-switch-vertical" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10532;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-table" class="ti-table"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-table" class="ti-table"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-table" class="ti-table"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-table" class="ti-table"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-table" class="ti-table"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-table" class="ti-table"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-table" class="ti-table"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-table" class="ti-table"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-table" class="ti-table"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-table" class="ti-table"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-table" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10533;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-table-export" class="ti-table-export"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-table-export" class="ti-table-export"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-table-export" class="ti-table-export"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-table-export" class="ti-table-export"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-table-export" class="ti-table-export"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-table-export" class="ti-table-export"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-table-export" class="ti-table-export"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-table-export" class="ti-table-export"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-table-export" class="ti-table-export"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-table-export" class="ti-table-export"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-table-export" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10534;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-table-import" class="ti-table-import"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-table-import" class="ti-table-import"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-table-import" class="ti-table-import"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-table-import" class="ti-table-import"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-table-import" class="ti-table-import"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-table-import" class="ti-table-import"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-table-import" class="ti-table-import"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-table-import" class="ti-table-import"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-table-import" class="ti-table-import"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-table-import" class="ti-table-import"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-table-import" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10535;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-table-off" class="ti-table-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-table-off" class="ti-table-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-table-off" class="ti-table-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-table-off" class="ti-table-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-table-off" class="ti-table-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-table-off" class="ti-table-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-table-off" class="ti-table-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-table-off" class="ti-table-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-table-off" class="ti-table-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-table-off" class="ti-table-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-table-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10536;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tag" class="ti-tag"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tag" class="ti-tag"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tag" class="ti-tag"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tag" class="ti-tag"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tag" class="ti-tag"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tag" class="ti-tag"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tag" class="ti-tag"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tag" class="ti-tag"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tag" class="ti-tag"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tag" class="ti-tag"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tag" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10537;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tallymark-1" class="ti-tallymark-1"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tallymark-1" class="ti-tallymark-1"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tallymark-1" class="ti-tallymark-1"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tallymark-1" class="ti-tallymark-1"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tallymark-1" class="ti-tallymark-1"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tallymark-1" class="ti-tallymark-1"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tallymark-1" class="ti-tallymark-1"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tallymark-1" class="ti-tallymark-1"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tallymark-1" class="ti-tallymark-1"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tallymark-1" class="ti-tallymark-1"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tallymark-1" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10538;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tallymark-2" class="ti-tallymark-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tallymark-2" class="ti-tallymark-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tallymark-2" class="ti-tallymark-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tallymark-2" class="ti-tallymark-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tallymark-2" class="ti-tallymark-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tallymark-2" class="ti-tallymark-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tallymark-2" class="ti-tallymark-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tallymark-2" class="ti-tallymark-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tallymark-2" class="ti-tallymark-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tallymark-2" class="ti-tallymark-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tallymark-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10539;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tallymark-3" class="ti-tallymark-3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tallymark-3" class="ti-tallymark-3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tallymark-3" class="ti-tallymark-3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tallymark-3" class="ti-tallymark-3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tallymark-3" class="ti-tallymark-3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tallymark-3" class="ti-tallymark-3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tallymark-3" class="ti-tallymark-3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tallymark-3" class="ti-tallymark-3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tallymark-3" class="ti-tallymark-3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tallymark-3" class="ti-tallymark-3"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tallymark-3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1053a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tallymark-4" class="ti-tallymark-4"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tallymark-4" class="ti-tallymark-4"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tallymark-4" class="ti-tallymark-4"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tallymark-4" class="ti-tallymark-4"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tallymark-4" class="ti-tallymark-4"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tallymark-4" class="ti-tallymark-4"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tallymark-4" class="ti-tallymark-4"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tallymark-4" class="ti-tallymark-4"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tallymark-4" class="ti-tallymark-4"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tallymark-4" class="ti-tallymark-4"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tallymark-4" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1053b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tallymarks" class="ti-tallymarks"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tallymarks" class="ti-tallymarks"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tallymarks" class="ti-tallymarks"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tallymarks" class="ti-tallymarks"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tallymarks" class="ti-tallymarks"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tallymarks" class="ti-tallymarks"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tallymarks" class="ti-tallymarks"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tallymarks" class="ti-tallymarks"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tallymarks" class="ti-tallymarks"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tallymarks" class="ti-tallymarks"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tallymarks" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1053c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tank" class="ti-tank"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tank" class="ti-tank"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tank" class="ti-tank"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tank" class="ti-tank"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tank" class="ti-tank"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tank" class="ti-tank"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tank" class="ti-tank"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tank" class="ti-tank"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tank" class="ti-tank"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tank" class="ti-tank"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tank" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1053d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-target" class="ti-target"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-target" class="ti-target"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-target" class="ti-target"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-target" class="ti-target"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-target" class="ti-target"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-target" class="ti-target"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-target" class="ti-target"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-target" class="ti-target"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-target" class="ti-target"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-target" class="ti-target"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-target" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1053e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-temperature" class="ti-temperature"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-temperature" class="ti-temperature"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-temperature" class="ti-temperature"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-temperature" class="ti-temperature"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-temperature" class="ti-temperature"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-temperature" class="ti-temperature"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-temperature" class="ti-temperature"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-temperature" class="ti-temperature"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-temperature" class="ti-temperature"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-temperature" class="ti-temperature"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-temperature" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1053f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-temperature-celsius" class="ti-temperature-celsius"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-temperature-celsius" class="ti-temperature-celsius"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-temperature-celsius" class="ti-temperature-celsius"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-temperature-celsius" class="ti-temperature-celsius"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-temperature-celsius" class="ti-temperature-celsius"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-temperature-celsius" class="ti-temperature-celsius"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-temperature-celsius" class="ti-temperature-celsius"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-temperature-celsius" class="ti-temperature-celsius"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-temperature-celsius" class="ti-temperature-celsius"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-temperature-celsius" class="ti-temperature-celsius"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-temperature-celsius" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10540;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-temperature-fahrenheit" class="ti-temperature-fahrenheit"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-temperature-fahrenheit" class="ti-temperature-fahrenheit"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-temperature-fahrenheit" class="ti-temperature-fahrenheit"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-temperature-fahrenheit" class="ti-temperature-fahrenheit"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-temperature-fahrenheit" class="ti-temperature-fahrenheit"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-temperature-fahrenheit" class="ti-temperature-fahrenheit"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-temperature-fahrenheit" class="ti-temperature-fahrenheit"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-temperature-fahrenheit" class="ti-temperature-fahrenheit"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-temperature-fahrenheit" class="ti-temperature-fahrenheit"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-temperature-fahrenheit" class="ti-temperature-fahrenheit"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-temperature-fahrenheit" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10541;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-temperature-minus" class="ti-temperature-minus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-temperature-minus" class="ti-temperature-minus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-temperature-minus" class="ti-temperature-minus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-temperature-minus" class="ti-temperature-minus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-temperature-minus" class="ti-temperature-minus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-temperature-minus" class="ti-temperature-minus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-temperature-minus" class="ti-temperature-minus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-temperature-minus" class="ti-temperature-minus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-temperature-minus" class="ti-temperature-minus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-temperature-minus" class="ti-temperature-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-temperature-minus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10542;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-temperature-plus" class="ti-temperature-plus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-temperature-plus" class="ti-temperature-plus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-temperature-plus" class="ti-temperature-plus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-temperature-plus" class="ti-temperature-plus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-temperature-plus" class="ti-temperature-plus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-temperature-plus" class="ti-temperature-plus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-temperature-plus" class="ti-temperature-plus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-temperature-plus" class="ti-temperature-plus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-temperature-plus" class="ti-temperature-plus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-temperature-plus" class="ti-temperature-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-temperature-plus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10543;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-template" class="ti-template"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-template" class="ti-template"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-template" class="ti-template"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-template" class="ti-template"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-template" class="ti-template"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-template" class="ti-template"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-template" class="ti-template"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-template" class="ti-template"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-template" class="ti-template"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-template" class="ti-template"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-template" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10544;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tent" class="ti-tent"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tent" class="ti-tent"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tent" class="ti-tent"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tent" class="ti-tent"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tent" class="ti-tent"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tent" class="ti-tent"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tent" class="ti-tent"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tent" class="ti-tent"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tent" class="ti-tent"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tent" class="ti-tent"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tent" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10545;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-terminal" class="ti-terminal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-terminal" class="ti-terminal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-terminal" class="ti-terminal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-terminal" class="ti-terminal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-terminal" class="ti-terminal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-terminal" class="ti-terminal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-terminal" class="ti-terminal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-terminal" class="ti-terminal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-terminal" class="ti-terminal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-terminal" class="ti-terminal"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-terminal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10546;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-terminal-2" class="ti-terminal-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-terminal-2" class="ti-terminal-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-terminal-2" class="ti-terminal-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-terminal-2" class="ti-terminal-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-terminal-2" class="ti-terminal-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-terminal-2" class="ti-terminal-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-terminal-2" class="ti-terminal-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-terminal-2" class="ti-terminal-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-terminal-2" class="ti-terminal-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-terminal-2" class="ti-terminal-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-terminal-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10547;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-test-pipe" class="ti-test-pipe"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-test-pipe" class="ti-test-pipe"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-test-pipe" class="ti-test-pipe"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-test-pipe" class="ti-test-pipe"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-test-pipe" class="ti-test-pipe"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-test-pipe" class="ti-test-pipe"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-test-pipe" class="ti-test-pipe"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-test-pipe" class="ti-test-pipe"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-test-pipe" class="ti-test-pipe"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-test-pipe" class="ti-test-pipe"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-test-pipe" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10548;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-text-direction-ltr" class="ti-text-direction-ltr"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-text-direction-ltr" class="ti-text-direction-ltr"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-text-direction-ltr" class="ti-text-direction-ltr"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-text-direction-ltr" class="ti-text-direction-ltr"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-text-direction-ltr" class="ti-text-direction-ltr"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-text-direction-ltr" class="ti-text-direction-ltr"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-text-direction-ltr" class="ti-text-direction-ltr"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-text-direction-ltr" class="ti-text-direction-ltr"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-text-direction-ltr" class="ti-text-direction-ltr"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-text-direction-ltr" class="ti-text-direction-ltr"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-text-direction-ltr" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10549;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-text-direction-rtl" class="ti-text-direction-rtl"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-text-direction-rtl" class="ti-text-direction-rtl"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-text-direction-rtl" class="ti-text-direction-rtl"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-text-direction-rtl" class="ti-text-direction-rtl"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-text-direction-rtl" class="ti-text-direction-rtl"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-text-direction-rtl" class="ti-text-direction-rtl"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-text-direction-rtl" class="ti-text-direction-rtl"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-text-direction-rtl" class="ti-text-direction-rtl"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-text-direction-rtl" class="ti-text-direction-rtl"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-text-direction-rtl" class="ti-text-direction-rtl"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-text-direction-rtl" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1054a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-text-wrap" class="ti-text-wrap"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-text-wrap" class="ti-text-wrap"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-text-wrap" class="ti-text-wrap"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-text-wrap" class="ti-text-wrap"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-text-wrap" class="ti-text-wrap"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-text-wrap" class="ti-text-wrap"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-text-wrap" class="ti-text-wrap"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-text-wrap" class="ti-text-wrap"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-text-wrap" class="ti-text-wrap"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-text-wrap" class="ti-text-wrap"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-text-wrap" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1054b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-text-wrap-disabled" class="ti-text-wrap-disabled"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-text-wrap-disabled" class="ti-text-wrap-disabled"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-text-wrap-disabled" class="ti-text-wrap-disabled"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-text-wrap-disabled" class="ti-text-wrap-disabled"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-text-wrap-disabled" class="ti-text-wrap-disabled"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-text-wrap-disabled" class="ti-text-wrap-disabled"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-text-wrap-disabled" class="ti-text-wrap-disabled"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-text-wrap-disabled" class="ti-text-wrap-disabled"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-text-wrap-disabled" class="ti-text-wrap-disabled"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-text-wrap-disabled" class="ti-text-wrap-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-text-wrap-disabled" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1054c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-thumb-down" class="ti-thumb-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-thumb-down" class="ti-thumb-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-thumb-down" class="ti-thumb-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-thumb-down" class="ti-thumb-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-thumb-down" class="ti-thumb-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-thumb-down" class="ti-thumb-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-thumb-down" class="ti-thumb-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-thumb-down" class="ti-thumb-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-thumb-down" class="ti-thumb-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-thumb-down" class="ti-thumb-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-thumb-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1054d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-thumb-up" class="ti-thumb-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-thumb-up" class="ti-thumb-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-thumb-up" class="ti-thumb-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-thumb-up" class="ti-thumb-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-thumb-up" class="ti-thumb-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-thumb-up" class="ti-thumb-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-thumb-up" class="ti-thumb-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-thumb-up" class="ti-thumb-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-thumb-up" class="ti-thumb-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-thumb-up" class="ti-thumb-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-thumb-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1054e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-ticket" class="ti-ticket"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-ticket" class="ti-ticket"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-ticket" class="ti-ticket"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-ticket" class="ti-ticket"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-ticket" class="ti-ticket"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-ticket" class="ti-ticket"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-ticket" class="ti-ticket"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-ticket" class="ti-ticket"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-ticket" class="ti-ticket"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-ticket" class="ti-ticket"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-ticket" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1054f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tilt-shift" class="ti-tilt-shift"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tilt-shift" class="ti-tilt-shift"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tilt-shift" class="ti-tilt-shift"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tilt-shift" class="ti-tilt-shift"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tilt-shift" class="ti-tilt-shift"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tilt-shift" class="ti-tilt-shift"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tilt-shift" class="ti-tilt-shift"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tilt-shift" class="ti-tilt-shift"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tilt-shift" class="ti-tilt-shift"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tilt-shift" class="ti-tilt-shift"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tilt-shift" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10550;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tir" class="ti-tir"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tir" class="ti-tir"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tir" class="ti-tir"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tir" class="ti-tir"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tir" class="ti-tir"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tir" class="ti-tir"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tir" class="ti-tir"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tir" class="ti-tir"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tir" class="ti-tir"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tir" class="ti-tir"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tir" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10551;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-toggle-left" class="ti-toggle-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-toggle-left" class="ti-toggle-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-toggle-left" class="ti-toggle-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-toggle-left" class="ti-toggle-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-toggle-left" class="ti-toggle-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-toggle-left" class="ti-toggle-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-toggle-left" class="ti-toggle-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-toggle-left" class="ti-toggle-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-toggle-left" class="ti-toggle-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-toggle-left" class="ti-toggle-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-toggle-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10552;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-toggle-right" class="ti-toggle-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-toggle-right" class="ti-toggle-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-toggle-right" class="ti-toggle-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-toggle-right" class="ti-toggle-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-toggle-right" class="ti-toggle-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-toggle-right" class="ti-toggle-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-toggle-right" class="ti-toggle-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-toggle-right" class="ti-toggle-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-toggle-right" class="ti-toggle-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-toggle-right" class="ti-toggle-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-toggle-right" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10553;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tool" class="ti-tool"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tool" class="ti-tool"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tool" class="ti-tool"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tool" class="ti-tool"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tool" class="ti-tool"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tool" class="ti-tool"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tool" class="ti-tool"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tool" class="ti-tool"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tool" class="ti-tool"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tool" class="ti-tool"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tool" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10554;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tools" class="ti-tools"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tools" class="ti-tools"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tools" class="ti-tools"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tools" class="ti-tools"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tools" class="ti-tools"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tools" class="ti-tools"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tools" class="ti-tools"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tools" class="ti-tools"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tools" class="ti-tools"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tools" class="ti-tools"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tools" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10555;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tools-kitchen" class="ti-tools-kitchen"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tools-kitchen" class="ti-tools-kitchen"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tools-kitchen" class="ti-tools-kitchen"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tools-kitchen" class="ti-tools-kitchen"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tools-kitchen" class="ti-tools-kitchen"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tools-kitchen" class="ti-tools-kitchen"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tools-kitchen" class="ti-tools-kitchen"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tools-kitchen" class="ti-tools-kitchen"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tools-kitchen" class="ti-tools-kitchen"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tools-kitchen" class="ti-tools-kitchen"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tools-kitchen" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10556;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tools-kitchen-2" class="ti-tools-kitchen-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tools-kitchen-2" class="ti-tools-kitchen-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tools-kitchen-2" class="ti-tools-kitchen-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tools-kitchen-2" class="ti-tools-kitchen-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tools-kitchen-2" class="ti-tools-kitchen-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tools-kitchen-2" class="ti-tools-kitchen-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tools-kitchen-2" class="ti-tools-kitchen-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tools-kitchen-2" class="ti-tools-kitchen-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tools-kitchen-2" class="ti-tools-kitchen-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tools-kitchen-2" class="ti-tools-kitchen-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tools-kitchen-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10557;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tornado" class="ti-tornado"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tornado" class="ti-tornado"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tornado" class="ti-tornado"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tornado" class="ti-tornado"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tornado" class="ti-tornado"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tornado" class="ti-tornado"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tornado" class="ti-tornado"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tornado" class="ti-tornado"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tornado" class="ti-tornado"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tornado" class="ti-tornado"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tornado" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10558;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tournament" class="ti-tournament"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tournament" class="ti-tournament"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tournament" class="ti-tournament"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tournament" class="ti-tournament"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tournament" class="ti-tournament"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tournament" class="ti-tournament"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tournament" class="ti-tournament"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tournament" class="ti-tournament"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tournament" class="ti-tournament"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tournament" class="ti-tournament"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tournament" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10559;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-track" class="ti-track"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-track" class="ti-track"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-track" class="ti-track"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-track" class="ti-track"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-track" class="ti-track"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-track" class="ti-track"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-track" class="ti-track"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-track" class="ti-track"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-track" class="ti-track"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-track" class="ti-track"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-track" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1055a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tractor" class="ti-tractor"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tractor" class="ti-tractor"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tractor" class="ti-tractor"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tractor" class="ti-tractor"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tractor" class="ti-tractor"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tractor" class="ti-tractor"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tractor" class="ti-tractor"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tractor" class="ti-tractor"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tractor" class="ti-tractor"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tractor" class="ti-tractor"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tractor" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1055b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-trademark" class="ti-trademark"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-trademark" class="ti-trademark"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-trademark" class="ti-trademark"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-trademark" class="ti-trademark"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-trademark" class="ti-trademark"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-trademark" class="ti-trademark"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-trademark" class="ti-trademark"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-trademark" class="ti-trademark"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-trademark" class="ti-trademark"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-trademark" class="ti-trademark"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-trademark" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1055c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-traffic-cone" class="ti-traffic-cone"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-traffic-cone" class="ti-traffic-cone"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-traffic-cone" class="ti-traffic-cone"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-traffic-cone" class="ti-traffic-cone"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-traffic-cone" class="ti-traffic-cone"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-traffic-cone" class="ti-traffic-cone"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-traffic-cone" class="ti-traffic-cone"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-traffic-cone" class="ti-traffic-cone"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-traffic-cone" class="ti-traffic-cone"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-traffic-cone" class="ti-traffic-cone"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-traffic-cone" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1055d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-traffic-lights" class="ti-traffic-lights"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-traffic-lights" class="ti-traffic-lights"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-traffic-lights" class="ti-traffic-lights"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-traffic-lights" class="ti-traffic-lights"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-traffic-lights" class="ti-traffic-lights"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-traffic-lights" class="ti-traffic-lights"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-traffic-lights" class="ti-traffic-lights"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-traffic-lights" class="ti-traffic-lights"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-traffic-lights" class="ti-traffic-lights"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-traffic-lights" class="ti-traffic-lights"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-traffic-lights" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1055e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-train" class="ti-train"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-train" class="ti-train"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-train" class="ti-train"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-train" class="ti-train"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-train" class="ti-train"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-train" class="ti-train"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-train" class="ti-train"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-train" class="ti-train"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-train" class="ti-train"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-train" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-train" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1055f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-trash" class="ti-trash"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-trash" class="ti-trash"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-trash" class="ti-trash"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-trash" class="ti-trash"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-trash" class="ti-trash"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-trash" class="ti-trash"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-trash" class="ti-trash"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-trash" class="ti-trash"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-trash" class="ti-trash"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-trash" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-trash" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10560;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-trash-off" class="ti-trash-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-trash-off" class="ti-trash-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-trash-off" class="ti-trash-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-trash-off" class="ti-trash-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-trash-off" class="ti-trash-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-trash-off" class="ti-trash-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-trash-off" class="ti-trash-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-trash-off" class="ti-trash-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-trash-off" class="ti-trash-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-trash-off" class="ti-trash-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-trash-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10561;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-tree" class="ti-tree"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-tree" class="ti-tree"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-tree" class="ti-tree"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-tree" class="ti-tree"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-tree" class="ti-tree"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-tree" class="ti-tree"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-tree" class="ti-tree"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-tree" class="ti-tree"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-tree" class="ti-tree"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-tree" class="ti-tree"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-tree" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10562;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-trees" class="ti-trees"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-trees" class="ti-trees"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-trees" class="ti-trees"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-trees" class="ti-trees"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-trees" class="ti-trees"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-trees" class="ti-trees"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-trees" class="ti-trees"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-trees" class="ti-trees"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-trees" class="ti-trees"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-trees" class="ti-trees"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-trees" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10563;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-trending-down" class="ti-trending-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-trending-down" class="ti-trending-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-trending-down" class="ti-trending-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-trending-down" class="ti-trending-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-trending-down" class="ti-trending-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-trending-down" class="ti-trending-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-trending-down" class="ti-trending-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-trending-down" class="ti-trending-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-trending-down" class="ti-trending-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-trending-down" class="ti-trending-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-trending-down" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10564;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-trending-down-2" class="ti-trending-down-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-trending-down-2" class="ti-trending-down-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-trending-down-2" class="ti-trending-down-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-trending-down-2" class="ti-trending-down-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-trending-down-2" class="ti-trending-down-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-trending-down-2" class="ti-trending-down-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-trending-down-2" class="ti-trending-down-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-trending-down-2" class="ti-trending-down-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-trending-down-2" class="ti-trending-down-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-trending-down-2" class="ti-trending-down-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-trending-down-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10565;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-trending-down-3" class="ti-trending-down-3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-trending-down-3" class="ti-trending-down-3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-trending-down-3" class="ti-trending-down-3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-trending-down-3" class="ti-trending-down-3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-trending-down-3" class="ti-trending-down-3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-trending-down-3" class="ti-trending-down-3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-trending-down-3" class="ti-trending-down-3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-trending-down-3" class="ti-trending-down-3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-trending-down-3" class="ti-trending-down-3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-trending-down-3" class="ti-trending-down-3"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-trending-down-3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10566;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-trending-up" class="ti-trending-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-trending-up" class="ti-trending-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-trending-up" class="ti-trending-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-trending-up" class="ti-trending-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-trending-up" class="ti-trending-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-trending-up" class="ti-trending-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-trending-up" class="ti-trending-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-trending-up" class="ti-trending-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-trending-up" class="ti-trending-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-trending-up" class="ti-trending-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-trending-up" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10567;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-trending-up-2" class="ti-trending-up-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-trending-up-2" class="ti-trending-up-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-trending-up-2" class="ti-trending-up-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-trending-up-2" class="ti-trending-up-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-trending-up-2" class="ti-trending-up-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-trending-up-2" class="ti-trending-up-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-trending-up-2" class="ti-trending-up-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-trending-up-2" class="ti-trending-up-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-trending-up-2" class="ti-trending-up-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-trending-up-2" class="ti-trending-up-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-trending-up-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10568;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-trending-up-3" class="ti-trending-up-3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-trending-up-3" class="ti-trending-up-3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-trending-up-3" class="ti-trending-up-3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-trending-up-3" class="ti-trending-up-3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-trending-up-3" class="ti-trending-up-3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-trending-up-3" class="ti-trending-up-3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-trending-up-3" class="ti-trending-up-3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-trending-up-3" class="ti-trending-up-3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-trending-up-3" class="ti-trending-up-3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-trending-up-3" class="ti-trending-up-3"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-trending-up-3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10569;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-triangle" class="ti-triangle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-triangle" class="ti-triangle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-triangle" class="ti-triangle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-triangle" class="ti-triangle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-triangle" class="ti-triangle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-triangle" class="ti-triangle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-triangle" class="ti-triangle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-triangle" class="ti-triangle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-triangle" class="ti-triangle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-triangle" class="ti-triangle"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-triangle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1056a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-triangle-off" class="ti-triangle-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-triangle-off" class="ti-triangle-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-triangle-off" class="ti-triangle-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-triangle-off" class="ti-triangle-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-triangle-off" class="ti-triangle-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-triangle-off" class="ti-triangle-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-triangle-off" class="ti-triangle-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-triangle-off" class="ti-triangle-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-triangle-off" class="ti-triangle-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-triangle-off" class="ti-triangle-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-triangle-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1056b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-triangle-square-circle" class="ti-triangle-square-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-triangle-square-circle" class="ti-triangle-square-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-triangle-square-circle" class="ti-triangle-square-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-triangle-square-circle" class="ti-triangle-square-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-triangle-square-circle" class="ti-triangle-square-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-triangle-square-circle" class="ti-triangle-square-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-triangle-square-circle" class="ti-triangle-square-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-triangle-square-circle" class="ti-triangle-square-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-triangle-square-circle" class="ti-triangle-square-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-triangle-square-circle" class="ti-triangle-square-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-triangle-square-circle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1056c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-trident" class="ti-trident"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-trident" class="ti-trident"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-trident" class="ti-trident"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-trident" class="ti-trident"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-trident" class="ti-trident"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-trident" class="ti-trident"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-trident" class="ti-trident"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-trident" class="ti-trident"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-trident" class="ti-trident"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-trident" class="ti-trident"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-trident" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1056d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-trophy" class="ti-trophy"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-trophy" class="ti-trophy"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-trophy" class="ti-trophy"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-trophy" class="ti-trophy"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-trophy" class="ti-trophy"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-trophy" class="ti-trophy"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-trophy" class="ti-trophy"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-trophy" class="ti-trophy"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-trophy" class="ti-trophy"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-trophy" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-trophy" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1056e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-truck" class="ti-truck"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-truck" class="ti-truck"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-truck" class="ti-truck"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-truck" class="ti-truck"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-truck" class="ti-truck"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-truck" class="ti-truck"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-truck" class="ti-truck"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-truck" class="ti-truck"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-truck" class="ti-truck"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-truck" class="ti-truck"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-truck" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1056f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-truck-delivery" class="ti-truck-delivery"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-truck-delivery" class="ti-truck-delivery"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-truck-delivery" class="ti-truck-delivery"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-truck-delivery" class="ti-truck-delivery"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-truck-delivery" class="ti-truck-delivery"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-truck-delivery" class="ti-truck-delivery"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-truck-delivery" class="ti-truck-delivery"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-truck-delivery" class="ti-truck-delivery"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-truck-delivery" class="ti-truck-delivery"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-truck-delivery" class="ti-truck-delivery"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-truck-delivery" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10570;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-truck-off" class="ti-truck-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-truck-off" class="ti-truck-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-truck-off" class="ti-truck-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-truck-off" class="ti-truck-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-truck-off" class="ti-truck-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-truck-off" class="ti-truck-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-truck-off" class="ti-truck-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-truck-off" class="ti-truck-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-truck-off" class="ti-truck-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-truck-off" class="ti-truck-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-truck-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10571;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-truck-return" class="ti-truck-return"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-truck-return" class="ti-truck-return"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-truck-return" class="ti-truck-return"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-truck-return" class="ti-truck-return"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-truck-return" class="ti-truck-return"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-truck-return" class="ti-truck-return"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-truck-return" class="ti-truck-return"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-truck-return" class="ti-truck-return"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-truck-return" class="ti-truck-return"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-truck-return" class="ti-truck-return"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-truck-return" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10572;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-typography" class="ti-typography"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-typography" class="ti-typography"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-typography" class="ti-typography"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-typography" class="ti-typography"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-typography" class="ti-typography"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-typography" class="ti-typography"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-typography" class="ti-typography"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-typography" class="ti-typography"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-typography" class="ti-typography"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-typography" class="ti-typography"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-typography" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10573;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-umbrella" class="ti-umbrella"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-umbrella" class="ti-umbrella"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-umbrella" class="ti-umbrella"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-umbrella" class="ti-umbrella"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-umbrella" class="ti-umbrella"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-umbrella" class="ti-umbrella"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-umbrella" class="ti-umbrella"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-umbrella" class="ti-umbrella"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-umbrella" class="ti-umbrella"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-umbrella" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-umbrella" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10574;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-underline" class="ti-underline"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-underline" class="ti-underline"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-underline" class="ti-underline"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-underline" class="ti-underline"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-underline" class="ti-underline"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-underline" class="ti-underline"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-underline" class="ti-underline"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-underline" class="ti-underline"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-underline" class="ti-underline"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-underline" class="ti-underline"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-underline" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10575;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-unlink" class="ti-unlink"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-unlink" class="ti-unlink"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-unlink" class="ti-unlink"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-unlink" class="ti-unlink"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-unlink" class="ti-unlink"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-unlink" class="ti-unlink"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-unlink" class="ti-unlink"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-unlink" class="ti-unlink"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-unlink" class="ti-unlink"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-unlink" class="ti-unlink"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-unlink" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10576;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-upload" class="ti-upload"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-upload" class="ti-upload"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-upload" class="ti-upload"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-upload" class="ti-upload"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-upload" class="ti-upload"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-upload" class="ti-upload"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-upload" class="ti-upload"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-upload" class="ti-upload"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-upload" class="ti-upload"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-upload" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-upload" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10577;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-urgent" class="ti-urgent"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-urgent" class="ti-urgent"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-urgent" class="ti-urgent"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-urgent" class="ti-urgent"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-urgent" class="ti-urgent"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-urgent" class="ti-urgent"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-urgent" class="ti-urgent"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-urgent" class="ti-urgent"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-urgent" class="ti-urgent"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-urgent" class="ti-urgent"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-urgent" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10578;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-user" class="ti-user"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-user" class="ti-user"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-user" class="ti-user"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-user" class="ti-user"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-user" class="ti-user"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-user" class="ti-user"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-user" class="ti-user"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-user" class="ti-user"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-user" class="ti-user"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-user" class="ti-user"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-user" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10579;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-user-check" class="ti-user-check"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-user-check" class="ti-user-check"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-user-check" class="ti-user-check"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-user-check" class="ti-user-check"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-user-check" class="ti-user-check"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-user-check" class="ti-user-check"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-user-check" class="ti-user-check"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-user-check" class="ti-user-check"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-user-check" class="ti-user-check"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-user-check" class="ti-user-check"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-user-check" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1057a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-user-exclamation" class="ti-user-exclamation"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-user-exclamation" class="ti-user-exclamation"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-user-exclamation" class="ti-user-exclamation"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-user-exclamation" class="ti-user-exclamation"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-user-exclamation" class="ti-user-exclamation"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-user-exclamation" class="ti-user-exclamation"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-user-exclamation" class="ti-user-exclamation"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-user-exclamation" class="ti-user-exclamation"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-user-exclamation" class="ti-user-exclamation"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-user-exclamation" class="ti-user-exclamation"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-user-exclamation" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1057b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-user-minus" class="ti-user-minus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-user-minus" class="ti-user-minus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-user-minus" class="ti-user-minus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-user-minus" class="ti-user-minus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-user-minus" class="ti-user-minus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-user-minus" class="ti-user-minus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-user-minus" class="ti-user-minus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-user-minus" class="ti-user-minus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-user-minus" class="ti-user-minus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-user-minus" class="ti-user-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-user-minus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1057c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-user-off" class="ti-user-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-user-off" class="ti-user-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-user-off" class="ti-user-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-user-off" class="ti-user-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-user-off" class="ti-user-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-user-off" class="ti-user-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-user-off" class="ti-user-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-user-off" class="ti-user-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-user-off" class="ti-user-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-user-off" class="ti-user-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-user-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1057d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-user-plus" class="ti-user-plus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-user-plus" class="ti-user-plus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-user-plus" class="ti-user-plus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-user-plus" class="ti-user-plus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-user-plus" class="ti-user-plus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-user-plus" class="ti-user-plus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-user-plus" class="ti-user-plus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-user-plus" class="ti-user-plus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-user-plus" class="ti-user-plus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-user-plus" class="ti-user-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-user-plus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1057e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-user-x" class="ti-user-x"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-user-x" class="ti-user-x"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-user-x" class="ti-user-x"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-user-x" class="ti-user-x"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-user-x" class="ti-user-x"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-user-x" class="ti-user-x"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-user-x" class="ti-user-x"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-user-x" class="ti-user-x"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-user-x" class="ti-user-x"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-user-x" class="ti-user-x"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-user-x" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1057f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-users" class="ti-users"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-users" class="ti-users"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-users" class="ti-users"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-users" class="ti-users"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-users" class="ti-users"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-users" class="ti-users"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-users" class="ti-users"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-users" class="ti-users"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-users" class="ti-users"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-users" class="ti-users"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-users" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10580;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-vaccine" class="ti-vaccine"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-vaccine" class="ti-vaccine"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-vaccine" class="ti-vaccine"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-vaccine" class="ti-vaccine"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-vaccine" class="ti-vaccine"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-vaccine" class="ti-vaccine"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-vaccine" class="ti-vaccine"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-vaccine" class="ti-vaccine"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-vaccine" class="ti-vaccine"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-vaccine" class="ti-vaccine"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-vaccine" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10581;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-variable" class="ti-variable"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-variable" class="ti-variable"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-variable" class="ti-variable"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-variable" class="ti-variable"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-variable" class="ti-variable"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-variable" class="ti-variable"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-variable" class="ti-variable"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-variable" class="ti-variable"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-variable" class="ti-variable"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-variable" class="ti-variable"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-variable" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10582;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-vector" class="ti-vector"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-vector" class="ti-vector"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-vector" class="ti-vector"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-vector" class="ti-vector"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-vector" class="ti-vector"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-vector" class="ti-vector"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-vector" class="ti-vector"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-vector" class="ti-vector"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-vector" class="ti-vector"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-vector" class="ti-vector"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-vector" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10583;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-vector-beizer" class="ti-vector-beizer"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-vector-beizer" class="ti-vector-beizer"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-vector-beizer" class="ti-vector-beizer"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-vector-beizer" class="ti-vector-beizer"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-vector-beizer" class="ti-vector-beizer"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-vector-beizer" class="ti-vector-beizer"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-vector-beizer" class="ti-vector-beizer"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-vector-beizer" class="ti-vector-beizer"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-vector-beizer" class="ti-vector-beizer"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-vector-beizer" class="ti-vector-beizer"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-vector-beizer" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10584;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-vector-beizer-2" class="ti-vector-beizer-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-vector-beizer-2" class="ti-vector-beizer-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-vector-beizer-2" class="ti-vector-beizer-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-vector-beizer-2" class="ti-vector-beizer-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-vector-beizer-2" class="ti-vector-beizer-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-vector-beizer-2" class="ti-vector-beizer-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-vector-beizer-2" class="ti-vector-beizer-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-vector-beizer-2" class="ti-vector-beizer-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-vector-beizer-2" class="ti-vector-beizer-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-vector-beizer-2" class="ti-vector-beizer-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-vector-beizer-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10585;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-vector-triangle" class="ti-vector-triangle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-vector-triangle" class="ti-vector-triangle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-vector-triangle" class="ti-vector-triangle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-vector-triangle" class="ti-vector-triangle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-vector-triangle" class="ti-vector-triangle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-vector-triangle" class="ti-vector-triangle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-vector-triangle" class="ti-vector-triangle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-vector-triangle" class="ti-vector-triangle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-vector-triangle" class="ti-vector-triangle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-vector-triangle" class="ti-vector-triangle"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-vector-triangle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10586;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-venus" class="ti-venus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-venus" class="ti-venus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-venus" class="ti-venus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-venus" class="ti-venus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-venus" class="ti-venus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-venus" class="ti-venus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-venus" class="ti-venus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-venus" class="ti-venus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-venus" class="ti-venus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-venus" class="ti-venus"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-venus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10587;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-versions" class="ti-versions"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-versions" class="ti-versions"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-versions" class="ti-versions"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-versions" class="ti-versions"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-versions" class="ti-versions"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-versions" class="ti-versions"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-versions" class="ti-versions"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-versions" class="ti-versions"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-versions" class="ti-versions"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-versions" class="ti-versions"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-versions" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10588;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-video" class="ti-video"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-video" class="ti-video"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-video" class="ti-video"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-video" class="ti-video"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-video" class="ti-video"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-video" class="ti-video"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-video" class="ti-video"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-video" class="ti-video"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-video" class="ti-video"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-video" class="ti-video"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-video" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10589;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-video-minus" class="ti-video-minus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-video-minus" class="ti-video-minus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-video-minus" class="ti-video-minus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-video-minus" class="ti-video-minus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-video-minus" class="ti-video-minus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-video-minus" class="ti-video-minus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-video-minus" class="ti-video-minus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-video-minus" class="ti-video-minus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-video-minus" class="ti-video-minus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-video-minus" class="ti-video-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-video-minus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1058a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-video-off" class="ti-video-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-video-off" class="ti-video-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-video-off" class="ti-video-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-video-off" class="ti-video-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-video-off" class="ti-video-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-video-off" class="ti-video-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-video-off" class="ti-video-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-video-off" class="ti-video-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-video-off" class="ti-video-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-video-off" class="ti-video-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-video-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1058b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-video-plus" class="ti-video-plus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-video-plus" class="ti-video-plus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-video-plus" class="ti-video-plus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-video-plus" class="ti-video-plus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-video-plus" class="ti-video-plus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-video-plus" class="ti-video-plus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-video-plus" class="ti-video-plus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-video-plus" class="ti-video-plus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-video-plus" class="ti-video-plus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-video-plus" class="ti-video-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-video-plus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1058c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-view-360" class="ti-view-360"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-view-360" class="ti-view-360"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-view-360" class="ti-view-360"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-view-360" class="ti-view-360"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-view-360" class="ti-view-360"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-view-360" class="ti-view-360"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-view-360" class="ti-view-360"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-view-360" class="ti-view-360"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-view-360" class="ti-view-360"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-view-360" class="ti-view-360"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-view-360" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1058d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-viewfinder" class="ti-viewfinder"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-viewfinder" class="ti-viewfinder"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-viewfinder" class="ti-viewfinder"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-viewfinder" class="ti-viewfinder"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-viewfinder" class="ti-viewfinder"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-viewfinder" class="ti-viewfinder"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-viewfinder" class="ti-viewfinder"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-viewfinder" class="ti-viewfinder"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-viewfinder" class="ti-viewfinder"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-viewfinder" class="ti-viewfinder"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-viewfinder" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1058e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-viewport-narrow" class="ti-viewport-narrow"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-viewport-narrow" class="ti-viewport-narrow"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-viewport-narrow" class="ti-viewport-narrow"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-viewport-narrow" class="ti-viewport-narrow"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-viewport-narrow" class="ti-viewport-narrow"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-viewport-narrow" class="ti-viewport-narrow"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-viewport-narrow" class="ti-viewport-narrow"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-viewport-narrow" class="ti-viewport-narrow"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-viewport-narrow" class="ti-viewport-narrow"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-viewport-narrow" class="ti-viewport-narrow"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-viewport-narrow" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1058f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-viewport-wide" class="ti-viewport-wide"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-viewport-wide" class="ti-viewport-wide"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-viewport-wide" class="ti-viewport-wide"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-viewport-wide" class="ti-viewport-wide"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-viewport-wide" class="ti-viewport-wide"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-viewport-wide" class="ti-viewport-wide"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-viewport-wide" class="ti-viewport-wide"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-viewport-wide" class="ti-viewport-wide"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-viewport-wide" class="ti-viewport-wide"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-viewport-wide" class="ti-viewport-wide"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-viewport-wide" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10590;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-virus" class="ti-virus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-virus" class="ti-virus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-virus" class="ti-virus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-virus" class="ti-virus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-virus" class="ti-virus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-virus" class="ti-virus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-virus" class="ti-virus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-virus" class="ti-virus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-virus" class="ti-virus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-virus" class="ti-virus"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-virus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10591;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-virus-off" class="ti-virus-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-virus-off" class="ti-virus-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-virus-off" class="ti-virus-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-virus-off" class="ti-virus-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-virus-off" class="ti-virus-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-virus-off" class="ti-virus-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-virus-off" class="ti-virus-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-virus-off" class="ti-virus-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-virus-off" class="ti-virus-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-virus-off" class="ti-virus-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-virus-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10592;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-virus-search" class="ti-virus-search"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-virus-search" class="ti-virus-search"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-virus-search" class="ti-virus-search"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-virus-search" class="ti-virus-search"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-virus-search" class="ti-virus-search"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-virus-search" class="ti-virus-search"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-virus-search" class="ti-virus-search"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-virus-search" class="ti-virus-search"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-virus-search" class="ti-virus-search"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-virus-search" class="ti-virus-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-virus-search" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10593;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-volume" class="ti-volume"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-volume" class="ti-volume"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-volume" class="ti-volume"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-volume" class="ti-volume"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-volume" class="ti-volume"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-volume" class="ti-volume"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-volume" class="ti-volume"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-volume" class="ti-volume"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-volume" class="ti-volume"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-volume" class="ti-volume"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-volume" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10594;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-volume-2" class="ti-volume-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-volume-2" class="ti-volume-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-volume-2" class="ti-volume-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-volume-2" class="ti-volume-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-volume-2" class="ti-volume-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-volume-2" class="ti-volume-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-volume-2" class="ti-volume-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-volume-2" class="ti-volume-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-volume-2" class="ti-volume-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-volume-2" class="ti-volume-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-volume-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10595;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-volume-3" class="ti-volume-3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-volume-3" class="ti-volume-3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-volume-3" class="ti-volume-3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-volume-3" class="ti-volume-3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-volume-3" class="ti-volume-3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-volume-3" class="ti-volume-3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-volume-3" class="ti-volume-3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-volume-3" class="ti-volume-3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-volume-3" class="ti-volume-3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-volume-3" class="ti-volume-3"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-volume-3" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10596;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-walk" class="ti-walk"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-walk" class="ti-walk"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-walk" class="ti-walk"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-walk" class="ti-walk"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-walk" class="ti-walk"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-walk" class="ti-walk"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-walk" class="ti-walk"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-walk" class="ti-walk"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-walk" class="ti-walk"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-walk" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-walk" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10597;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-wallet" class="ti-wallet"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-wallet" class="ti-wallet"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-wallet" class="ti-wallet"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-wallet" class="ti-wallet"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-wallet" class="ti-wallet"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-wallet" class="ti-wallet"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-wallet" class="ti-wallet"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-wallet" class="ti-wallet"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-wallet" class="ti-wallet"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-wallet" class="ti-wallet"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-wallet" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10598;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-wand" class="ti-wand"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-wand" class="ti-wand"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-wand" class="ti-wand"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-wand" class="ti-wand"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-wand" class="ti-wand"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-wand" class="ti-wand"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-wand" class="ti-wand"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-wand" class="ti-wand"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-wand" class="ti-wand"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-wand" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-wand" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x10599;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-wave-saw-tool" class="ti-wave-saw-tool"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-wave-saw-tool" class="ti-wave-saw-tool"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-wave-saw-tool" class="ti-wave-saw-tool"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-wave-saw-tool" class="ti-wave-saw-tool"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-wave-saw-tool" class="ti-wave-saw-tool"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-wave-saw-tool" class="ti-wave-saw-tool"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-wave-saw-tool" class="ti-wave-saw-tool"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-wave-saw-tool" class="ti-wave-saw-tool"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-wave-saw-tool" class="ti-wave-saw-tool"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-wave-saw-tool" class="ti-wave-saw-tool"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-wave-saw-tool" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1059a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-wave-sine" class="ti-wave-sine"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-wave-sine" class="ti-wave-sine"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-wave-sine" class="ti-wave-sine"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-wave-sine" class="ti-wave-sine"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-wave-sine" class="ti-wave-sine"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-wave-sine" class="ti-wave-sine"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-wave-sine" class="ti-wave-sine"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-wave-sine" class="ti-wave-sine"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-wave-sine" class="ti-wave-sine"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-wave-sine" class="ti-wave-sine"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-wave-sine" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1059b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-wave-square" class="ti-wave-square"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-wave-square" class="ti-wave-square"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-wave-square" class="ti-wave-square"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-wave-square" class="ti-wave-square"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-wave-square" class="ti-wave-square"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-wave-square" class="ti-wave-square"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-wave-square" class="ti-wave-square"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-wave-square" class="ti-wave-square"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-wave-square" class="ti-wave-square"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-wave-square" class="ti-wave-square"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-wave-square" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1059c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-wifi" class="ti-wifi"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-wifi" class="ti-wifi"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-wifi" class="ti-wifi"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-wifi" class="ti-wifi"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-wifi" class="ti-wifi"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-wifi" class="ti-wifi"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-wifi" class="ti-wifi"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-wifi" class="ti-wifi"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-wifi" class="ti-wifi"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-wifi" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-wifi" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1059d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-wifi-0" class="ti-wifi-0"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-wifi-0" class="ti-wifi-0"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-wifi-0" class="ti-wifi-0"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-wifi-0" class="ti-wifi-0"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-wifi-0" class="ti-wifi-0"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-wifi-0" class="ti-wifi-0"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-wifi-0" class="ti-wifi-0"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-wifi-0" class="ti-wifi-0"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-wifi-0" class="ti-wifi-0"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-wifi-0" class="ti-wifi-0"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-wifi-0" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1059e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-wifi-1" class="ti-wifi-1"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-wifi-1" class="ti-wifi-1"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-wifi-1" class="ti-wifi-1"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-wifi-1" class="ti-wifi-1"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-wifi-1" class="ti-wifi-1"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-wifi-1" class="ti-wifi-1"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-wifi-1" class="ti-wifi-1"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-wifi-1" class="ti-wifi-1"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-wifi-1" class="ti-wifi-1"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-wifi-1" class="ti-wifi-1"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-wifi-1" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x1059f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-wifi-2" class="ti-wifi-2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-wifi-2" class="ti-wifi-2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-wifi-2" class="ti-wifi-2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-wifi-2" class="ti-wifi-2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-wifi-2" class="ti-wifi-2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-wifi-2" class="ti-wifi-2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-wifi-2" class="ti-wifi-2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-wifi-2" class="ti-wifi-2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-wifi-2" class="ti-wifi-2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-wifi-2" class="ti-wifi-2"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-wifi-2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105a0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-wifi-off" class="ti-wifi-off"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-wifi-off" class="ti-wifi-off"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-wifi-off" class="ti-wifi-off"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-wifi-off" class="ti-wifi-off"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-wifi-off" class="ti-wifi-off"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-wifi-off" class="ti-wifi-off"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-wifi-off" class="ti-wifi-off"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-wifi-off" class="ti-wifi-off"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-wifi-off" class="ti-wifi-off"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-wifi-off" class="ti-wifi-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-wifi-off" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105a1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-wind" class="ti-wind"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-wind" class="ti-wind"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-wind" class="ti-wind"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-wind" class="ti-wind"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-wind" class="ti-wind"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-wind" class="ti-wind"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-wind" class="ti-wind"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-wind" class="ti-wind"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-wind" class="ti-wind"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-wind" class="ti-wind"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-wind" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105a2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-windmill" class="ti-windmill"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-windmill" class="ti-windmill"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-windmill" class="ti-windmill"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-windmill" class="ti-windmill"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-windmill" class="ti-windmill"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-windmill" class="ti-windmill"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-windmill" class="ti-windmill"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-windmill" class="ti-windmill"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-windmill" class="ti-windmill"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-windmill" class="ti-windmill"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-windmill" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105a3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-window" class="ti-window"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-window" class="ti-window"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-window" class="ti-window"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-window" class="ti-window"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-window" class="ti-window"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-window" class="ti-window"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-window" class="ti-window"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-window" class="ti-window"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-window" class="ti-window"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-window" class="ti-window"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-window" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105a4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-wiper" class="ti-wiper"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-wiper" class="ti-wiper"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-wiper" class="ti-wiper"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-wiper" class="ti-wiper"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-wiper" class="ti-wiper"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-wiper" class="ti-wiper"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-wiper" class="ti-wiper"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-wiper" class="ti-wiper"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-wiper" class="ti-wiper"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-wiper" class="ti-wiper"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-wiper" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105a5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-wiper-wash" class="ti-wiper-wash"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-wiper-wash" class="ti-wiper-wash"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-wiper-wash" class="ti-wiper-wash"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-wiper-wash" class="ti-wiper-wash"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-wiper-wash" class="ti-wiper-wash"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-wiper-wash" class="ti-wiper-wash"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-wiper-wash" class="ti-wiper-wash"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-wiper-wash" class="ti-wiper-wash"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-wiper-wash" class="ti-wiper-wash"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-wiper-wash" class="ti-wiper-wash"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-wiper-wash" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105a6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-woman" class="ti-woman"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-woman" class="ti-woman"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-woman" class="ti-woman"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-woman" class="ti-woman"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-woman" class="ti-woman"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-woman" class="ti-woman"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-woman" class="ti-woman"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-woman" class="ti-woman"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-woman" class="ti-woman"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-woman" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-woman" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105a7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-world" class="ti-world"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-world" class="ti-world"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-world" class="ti-world"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-world" class="ti-world"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-world" class="ti-world"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-world" class="ti-world"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-world" class="ti-world"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-world" class="ti-world"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-world" class="ti-world"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-world" class="ti-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-world" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105a8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-world-latitude" class="ti-world-latitude"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-world-latitude" class="ti-world-latitude"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-world-latitude" class="ti-world-latitude"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-world-latitude" class="ti-world-latitude"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-world-latitude" class="ti-world-latitude"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-world-latitude" class="ti-world-latitude"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-world-latitude" class="ti-world-latitude"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-world-latitude" class="ti-world-latitude"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-world-latitude" class="ti-world-latitude"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-world-latitude" class="ti-world-latitude"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-world-latitude" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105a9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-world-longitude" class="ti-world-longitude"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-world-longitude" class="ti-world-longitude"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-world-longitude" class="ti-world-longitude"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-world-longitude" class="ti-world-longitude"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-world-longitude" class="ti-world-longitude"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-world-longitude" class="ti-world-longitude"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-world-longitude" class="ti-world-longitude"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-world-longitude" class="ti-world-longitude"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-world-longitude" class="ti-world-longitude"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-world-longitude" class="ti-world-longitude"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-world-longitude" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105aa;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-wrecking-ball" class="ti-wrecking-ball"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-wrecking-ball" class="ti-wrecking-ball"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-wrecking-ball" class="ti-wrecking-ball"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-wrecking-ball" class="ti-wrecking-ball"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-wrecking-ball" class="ti-wrecking-ball"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-wrecking-ball" class="ti-wrecking-ball"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-wrecking-ball" class="ti-wrecking-ball"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-wrecking-ball" class="ti-wrecking-ball"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-wrecking-ball" class="ti-wrecking-ball"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-wrecking-ball" class="ti-wrecking-ball"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-wrecking-ball" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105ab;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-writing" class="ti-writing"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-writing" class="ti-writing"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-writing" class="ti-writing"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-writing" class="ti-writing"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-writing" class="ti-writing"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-writing" class="ti-writing"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-writing" class="ti-writing"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-writing" class="ti-writing"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-writing" class="ti-writing"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-writing" class="ti-writing"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-writing" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105ac;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-writing-sign" class="ti-writing-sign"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-writing-sign" class="ti-writing-sign"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-writing-sign" class="ti-writing-sign"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-writing-sign" class="ti-writing-sign"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-writing-sign" class="ti-writing-sign"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-writing-sign" class="ti-writing-sign"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-writing-sign" class="ti-writing-sign"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-writing-sign" class="ti-writing-sign"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-writing-sign" class="ti-writing-sign"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-writing-sign" class="ti-writing-sign"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-writing-sign" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105ad;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-x" class="ti-x"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-x" class="ti-x"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-x" class="ti-x"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-x" class="ti-x"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-x" class="ti-x"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-x" class="ti-x"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-x" class="ti-x"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-x" class="ti-x"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-x" class="ti-x"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-x" class="ti-x"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-x" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105ae;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-yin-yang" class="ti-yin-yang"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-yin-yang" class="ti-yin-yang"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-yin-yang" class="ti-yin-yang"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-yin-yang" class="ti-yin-yang"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-yin-yang" class="ti-yin-yang"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-yin-yang" class="ti-yin-yang"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-yin-yang" class="ti-yin-yang"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-yin-yang" class="ti-yin-yang"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-yin-yang" class="ti-yin-yang"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-yin-yang" class="ti-yin-yang"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-yin-yang" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105af;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-zodiac-aquarius" class="ti-zodiac-aquarius"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-zodiac-aquarius" class="ti-zodiac-aquarius"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-zodiac-aquarius" class="ti-zodiac-aquarius"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-zodiac-aquarius" class="ti-zodiac-aquarius"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-zodiac-aquarius" class="ti-zodiac-aquarius"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-zodiac-aquarius" class="ti-zodiac-aquarius"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-zodiac-aquarius" class="ti-zodiac-aquarius"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-zodiac-aquarius" class="ti-zodiac-aquarius"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-zodiac-aquarius" class="ti-zodiac-aquarius"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-zodiac-aquarius" class="ti-zodiac-aquarius"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-zodiac-aquarius" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105b0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-zodiac-aries" class="ti-zodiac-aries"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-zodiac-aries" class="ti-zodiac-aries"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-zodiac-aries" class="ti-zodiac-aries"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-zodiac-aries" class="ti-zodiac-aries"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-zodiac-aries" class="ti-zodiac-aries"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-zodiac-aries" class="ti-zodiac-aries"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-zodiac-aries" class="ti-zodiac-aries"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-zodiac-aries" class="ti-zodiac-aries"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-zodiac-aries" class="ti-zodiac-aries"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-zodiac-aries" class="ti-zodiac-aries"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-zodiac-aries" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105b1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-zodiac-cancer" class="ti-zodiac-cancer"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-zodiac-cancer" class="ti-zodiac-cancer"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-zodiac-cancer" class="ti-zodiac-cancer"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-zodiac-cancer" class="ti-zodiac-cancer"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-zodiac-cancer" class="ti-zodiac-cancer"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-zodiac-cancer" class="ti-zodiac-cancer"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-zodiac-cancer" class="ti-zodiac-cancer"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-zodiac-cancer" class="ti-zodiac-cancer"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-zodiac-cancer" class="ti-zodiac-cancer"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-zodiac-cancer" class="ti-zodiac-cancer"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-zodiac-cancer" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105b2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-zodiac-capricorn" class="ti-zodiac-capricorn"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-zodiac-capricorn" class="ti-zodiac-capricorn"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-zodiac-capricorn" class="ti-zodiac-capricorn"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-zodiac-capricorn" class="ti-zodiac-capricorn"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-zodiac-capricorn" class="ti-zodiac-capricorn"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-zodiac-capricorn" class="ti-zodiac-capricorn"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-zodiac-capricorn" class="ti-zodiac-capricorn"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-zodiac-capricorn" class="ti-zodiac-capricorn"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-zodiac-capricorn" class="ti-zodiac-capricorn"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-zodiac-capricorn" class="ti-zodiac-capricorn"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-zodiac-capricorn" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105b3;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-zodiac-gemini" class="ti-zodiac-gemini"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-zodiac-gemini" class="ti-zodiac-gemini"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-zodiac-gemini" class="ti-zodiac-gemini"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-zodiac-gemini" class="ti-zodiac-gemini"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-zodiac-gemini" class="ti-zodiac-gemini"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-zodiac-gemini" class="ti-zodiac-gemini"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-zodiac-gemini" class="ti-zodiac-gemini"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-zodiac-gemini" class="ti-zodiac-gemini"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-zodiac-gemini" class="ti-zodiac-gemini"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-zodiac-gemini" class="ti-zodiac-gemini"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-zodiac-gemini" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105b4;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-zodiac-leo" class="ti-zodiac-leo"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-zodiac-leo" class="ti-zodiac-leo"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-zodiac-leo" class="ti-zodiac-leo"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-zodiac-leo" class="ti-zodiac-leo"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-zodiac-leo" class="ti-zodiac-leo"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-zodiac-leo" class="ti-zodiac-leo"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-zodiac-leo" class="ti-zodiac-leo"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-zodiac-leo" class="ti-zodiac-leo"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-zodiac-leo" class="ti-zodiac-leo"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-zodiac-leo" class="ti-zodiac-leo"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-zodiac-leo" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105b5;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-zodiac-libra" class="ti-zodiac-libra"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-zodiac-libra" class="ti-zodiac-libra"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-zodiac-libra" class="ti-zodiac-libra"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-zodiac-libra" class="ti-zodiac-libra"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-zodiac-libra" class="ti-zodiac-libra"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-zodiac-libra" class="ti-zodiac-libra"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-zodiac-libra" class="ti-zodiac-libra"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-zodiac-libra" class="ti-zodiac-libra"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-zodiac-libra" class="ti-zodiac-libra"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-zodiac-libra" class="ti-zodiac-libra"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-zodiac-libra" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105b6;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-zodiac-pisces" class="ti-zodiac-pisces"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-zodiac-pisces" class="ti-zodiac-pisces"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-zodiac-pisces" class="ti-zodiac-pisces"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-zodiac-pisces" class="ti-zodiac-pisces"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-zodiac-pisces" class="ti-zodiac-pisces"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-zodiac-pisces" class="ti-zodiac-pisces"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-zodiac-pisces" class="ti-zodiac-pisces"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-zodiac-pisces" class="ti-zodiac-pisces"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-zodiac-pisces" class="ti-zodiac-pisces"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-zodiac-pisces" class="ti-zodiac-pisces"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-zodiac-pisces" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105b7;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-zodiac-sagittarius" class="ti-zodiac-sagittarius"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-zodiac-sagittarius" class="ti-zodiac-sagittarius"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-zodiac-sagittarius" class="ti-zodiac-sagittarius"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-zodiac-sagittarius" class="ti-zodiac-sagittarius"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-zodiac-sagittarius" class="ti-zodiac-sagittarius"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-zodiac-sagittarius" class="ti-zodiac-sagittarius"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-zodiac-sagittarius" class="ti-zodiac-sagittarius"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-zodiac-sagittarius" class="ti-zodiac-sagittarius"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-zodiac-sagittarius" class="ti-zodiac-sagittarius"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-zodiac-sagittarius" class="ti-zodiac-sagittarius"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-zodiac-sagittarius" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105b8;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-zodiac-scorpio" class="ti-zodiac-scorpio"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-zodiac-scorpio" class="ti-zodiac-scorpio"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-zodiac-scorpio" class="ti-zodiac-scorpio"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-zodiac-scorpio" class="ti-zodiac-scorpio"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-zodiac-scorpio" class="ti-zodiac-scorpio"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-zodiac-scorpio" class="ti-zodiac-scorpio"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-zodiac-scorpio" class="ti-zodiac-scorpio"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-zodiac-scorpio" class="ti-zodiac-scorpio"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-zodiac-scorpio" class="ti-zodiac-scorpio"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-zodiac-scorpio" class="ti-zodiac-scorpio"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-zodiac-scorpio" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105b9;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-zodiac-taurus" class="ti-zodiac-taurus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-zodiac-taurus" class="ti-zodiac-taurus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-zodiac-taurus" class="ti-zodiac-taurus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-zodiac-taurus" class="ti-zodiac-taurus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-zodiac-taurus" class="ti-zodiac-taurus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-zodiac-taurus" class="ti-zodiac-taurus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-zodiac-taurus" class="ti-zodiac-taurus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-zodiac-taurus" class="ti-zodiac-taurus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-zodiac-taurus" class="ti-zodiac-taurus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-zodiac-taurus" class="ti-zodiac-taurus"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-zodiac-taurus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105ba;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-zodiac-virgo" class="ti-zodiac-virgo"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-zodiac-virgo" class="ti-zodiac-virgo"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-zodiac-virgo" class="ti-zodiac-virgo"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-zodiac-virgo" class="ti-zodiac-virgo"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-zodiac-virgo" class="ti-zodiac-virgo"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-zodiac-virgo" class="ti-zodiac-virgo"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-zodiac-virgo" class="ti-zodiac-virgo"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-zodiac-virgo" class="ti-zodiac-virgo"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-zodiac-virgo" class="ti-zodiac-virgo"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-zodiac-virgo" class="ti-zodiac-virgo"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-zodiac-virgo" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105bb;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-zoom-cancel" class="ti-zoom-cancel"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-zoom-cancel" class="ti-zoom-cancel"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-zoom-cancel" class="ti-zoom-cancel"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-zoom-cancel" class="ti-zoom-cancel"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-zoom-cancel" class="ti-zoom-cancel"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-zoom-cancel" class="ti-zoom-cancel"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-zoom-cancel" class="ti-zoom-cancel"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-zoom-cancel" class="ti-zoom-cancel"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-zoom-cancel" class="ti-zoom-cancel"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-zoom-cancel" class="ti-zoom-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-zoom-cancel" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105bc;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-zoom-check" class="ti-zoom-check"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-zoom-check" class="ti-zoom-check"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-zoom-check" class="ti-zoom-check"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-zoom-check" class="ti-zoom-check"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-zoom-check" class="ti-zoom-check"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-zoom-check" class="ti-zoom-check"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-zoom-check" class="ti-zoom-check"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-zoom-check" class="ti-zoom-check"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-zoom-check" class="ti-zoom-check"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-zoom-check" class="ti-zoom-check"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-zoom-check" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105bd;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-zoom-in" class="ti-zoom-in"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-zoom-in" class="ti-zoom-in"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-zoom-in" class="ti-zoom-in"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-zoom-in" class="ti-zoom-in"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-zoom-in" class="ti-zoom-in"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-zoom-in" class="ti-zoom-in"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-zoom-in" class="ti-zoom-in"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-zoom-in" class="ti-zoom-in"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-zoom-in" class="ti-zoom-in"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-zoom-in" class="ti-zoom-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-zoom-in" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105be;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-zoom-money" class="ti-zoom-money"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-zoom-money" class="ti-zoom-money"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-zoom-money" class="ti-zoom-money"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-zoom-money" class="ti-zoom-money"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-zoom-money" class="ti-zoom-money"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-zoom-money" class="ti-zoom-money"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-zoom-money" class="ti-zoom-money"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-zoom-money" class="ti-zoom-money"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-zoom-money" class="ti-zoom-money"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-zoom-money" class="ti-zoom-money"></i></span>
+ </div>
+ <div class="preview-scale">
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-zoom-money" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105bf;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="ti-zoom-out" class="ti-zoom-out"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ti-zoom-out" class="ti-zoom-out"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ti-zoom-out" class="ti-zoom-out"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ti-zoom-out" class="ti-zoom-out"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ti-zoom-out" class="ti-zoom-out"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ti-zoom-out" class="ti-zoom-out"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ti-zoom-out" class="ti-zoom-out"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ti-zoom-out" class="ti-zoom-out"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ti-zoom-out" class="ti-zoom-out"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ti-zoom-out" class="ti-zoom-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">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+ </div>
+ <div class="usage">
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ti-zoom-out" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#x105c0;" />
+ </div>
+ </div>
+
+
+ <footer>
+ Made with love using <a href="http://fontcustom.com">Font Custom</a>.
+ </footer>
+ </div>
+ </body>
+</html>