Skip to content

Instantly share code, notes, and snippets.

@boutils
Created December 10, 2013 23:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save boutils/7902472 to your computer and use it in GitHub Desktop.
Save boutils/7902472 to your computer and use it in GitHub Desktop.
This file has been truncated, but you can view the full file.
<!DOCTYPE html>
<html>
<head>
<title>fontcustom 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: fontcustom */
@font-face {
font-family: "fontcustom";
src: url("./fontcustom_14e18d68cadde3e62237e7547f3792bc.eot");
src: url("./fontcustom_14e18d68cadde3e62237e7547f3792bc.eot?#iefix") format("embedded-opentype"),
url("./fontcustom_14e18d68cadde3e62237e7547f3792bc.woff") format("woff"),
url("./fontcustom_14e18d68cadde3e62237e7547f3792bc.ttf") format("truetype"),
url("./fontcustom_14e18d68cadde3e62237e7547f3792bc.svg#fontcustom") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before { content: attr(data-icon); }
[data-icon]:before,
.icon-adjust:before,
.icon-adn:before,
.icon-align-center:before,
.icon-align-justify:before,
.icon-align-left:before,
.icon-align-right:before,
.icon-ambulance:before,
.icon-anchor:before,
.icon-android:before,
.icon-angle-down:before,
.icon-angle-left:before,
.icon-angle-right:before,
.icon-angle-up:before,
.icon-apple:before,
.icon-archive:before,
.icon-arrow-down:before,
.icon-arrow-left:before,
.icon-arrow-right:before,
.icon-arrow-up:before,
.icon-asterisk:before,
.icon-backward:before,
.icon-ban-circle:before,
.icon-bar-chart:before,
.icon-barcode:before,
.icon-beaker:before,
.icon-beer:before,
.icon-bell:before,
.icon-bell-alt:before,
.icon-bitbucket:before,
.icon-bitbucket-sign:before,
.icon-bold:before,
.icon-bolt:before,
.icon-book:before,
.icon-bookmark:before,
.icon-bookmark-empty:before,
.icon-briefcase:before,
.icon-btc:before,
.icon-bug:before,
.icon-building:before,
.icon-bullhorn:before,
.icon-bullseye:before,
.icon-calendar:before,
.icon-calendar-empty:before,
.icon-camera:before,
.icon-camera-retro:before,
.icon-caret-down:before,
.icon-caret-left:before,
.icon-caret-right:before,
.icon-caret-up:before,
.icon-certificate:before,
.icon-check:before,
.icon-check-empty:before,
.icon-check-minus:before,
.icon-check-sign:before,
.icon-chevron-down:before,
.icon-chevron-left:before,
.icon-chevron-right:before,
.icon-chevron-sign-down:before,
.icon-chevron-sign-left:before,
.icon-chevron-sign-right:before,
.icon-chevron-sign-up:before,
.icon-chevron-up:before,
.icon-circle:before,
.icon-circle-arrow-down:before,
.icon-circle-arrow-left:before,
.icon-circle-arrow-right:before,
.icon-circle-arrow-up:before,
.icon-circle-blank:before,
.icon-cloud:before,
.icon-cloud-download:before,
.icon-cloud-upload:before,
.icon-cny:before,
.icon-code:before,
.icon-code-fork:before,
.icon-coffee:before,
.icon-cog:before,
.icon-cogs:before,
.icon-collapse:before,
.icon-collapse-alt:before,
.icon-collapse-top:before,
.icon-columns:before,
.icon-comment:before,
.icon-comment-alt:before,
.icon-comments:before,
.icon-comments-alt:before,
.icon-compass:before,
.icon-copy:before,
.icon-credit-card:before,
.icon-crop:before,
.icon-css3:before,
.icon-cut:before,
.icon-dashboard:before,
.icon-desktop:before,
.icon-di-24-7-sign:before,
.icon-di-24-hours:before,
.icon-di-30-minutes-delivery:before,
.icon-di-3d-glasses:before,
.icon-di-a-b-labels:before,
.icon-di-abacus:before,
.icon-di-abraham-lincoln:before,
.icon-di-academy-award:before,
.icon-di-accordion:before,
.icon-di-acid:before,
.icon-di-acorn:before,
.icon-di-acropolis:before,
.icon-di-address-book:before,
.icon-di-address-search:before,
.icon-di-adjustable-wrench:before,
.icon-di-adult-child:before,
.icon-di-aerobics:before,
.icon-di-aerobics-instructor:before,
.icon-di-air-freight:before,
.icon-di-air-traffic-control:before,
.icon-di-air-travel:before,
.icon-di-airbag:before,
.icon-di-airbrush:before,
.icon-di-airplane-crash:before,
.icon-di-airplane-hangar:before,
.icon-di-airplane-landing:before,
.icon-di-airplane-takeoff:before,
.icon-di-airplane-transfer:before,
.icon-di-airport-parking:before,
.icon-di-airport-stairs:before,
.icon-di-alarm-bell:before,
.icon-di-alarm-clock:before,
.icon-di-alarm-ringing:before,
.icon-di-alien:before,
.icon-di-alien-abduction:before,
.icon-di-all-terrain-vehicle:before,
.icon-di-allah:before,
.icon-di-amanita-muscaria:before,
.icon-di-american-football:before,
.icon-di-american-football-league:before,
.icon-di-anchor-modern:before,
.icon-di-anchor-vintage:before,
.icon-di-angel:before,
.icon-di-anglepoise-lamp:before,
.icon-di-antique-dresser:before,
.icon-di-antique-key:before,
.icon-di-antique-pistol:before,
.icon-di-apple:before,
.icon-di-apple-sliced:before,
.icon-di-apron:before,
.icon-di-archery-target:before,
.icon-di-arithmetic-operations:before,
.icon-di-arm-splint:before,
.icon-di-armored-vehicle:before,
.icon-di-army-tank:before,
.icon-di-artichoke:before,
.icon-di-articulated-bus:before,
.icon-di-artist:before,
.icon-di-asparagus:before,
.icon-di-assault-rifle:before,
.icon-di-astronaut:before,
.icon-di-atomic-particles:before,
.icon-di-audio-plug:before,
.icon-di-audio-wave:before,
.icon-di-auto-rickshaw:before,
.icon-di-autopsy:before,
.icon-di-auxiliary-cable:before,
.icon-di-avalanche:before,
.icon-di-avocado:before,
.icon-di-axe-impact:before,
.icon-di-baby-carriage:before,
.icon-di-baby-crying:before,
.icon-di-baby-smiling:before,
.icon-di-backpack:before,
.icon-di-backpacker:before,
.icon-di-badminton-shuttle:before,
.icon-di-bag-recycling:before,
.icon-di-bag-tree:before,
.icon-di-baggage-check:before,
.icon-di-baggage-conveyor-flat:before,
.icon-di-baggage-conveyor-tilted:before,
.icon-di-baggage-trailer:before,
.icon-di-baguette:before,
.icon-di-baked-pie:before,
.icon-di-ballot-box:before,
.icon-di-bamboo:before,
.icon-di-bananas:before,
.icon-di-bandage:before,
.icon-di-bar-chart:before,
.icon-di-bar-chart-down:before,
.icon-di-bar-chart-up:before,
.icon-di-bar-phone:before,
.icon-di-barbecue:before,
.icon-di-barbecue-tools:before,
.icon-di-barbed-wire:before,
.icon-di-barbell:before,
.icon-di-barcode-scan:before,
.icon-di-barcode-scanner:before,
.icon-di-barefoot-grape-stomping:before,
.icon-di-barn:before,
.icon-di-baseball:before,
.icon-di-baseball-bat:before,
.icon-di-baseball-bat-ball:before,
.icon-di-baseball-catcher:before,
.icon-di-baseball-face-mask:before,
.icon-di-baseball-field:before,
.icon-di-baseball-glove:before,
.icon-di-baseball-helmet:before,
.icon-di-baseball-hitter:before,
.icon-di-baseball-pitcher:before,
.icon-di-baseball-player:before,
.icon-di-baseball-shirt:before,
.icon-di-baseball-stadium:before,
.icon-di-baseball-throw-sign:before,
.icon-di-baseball-trophy:before,
.icon-di-basketball:before,
.icon-di-bass-guitar:before,
.icon-di-bathroom-faucet:before,
.icon-di-bathtub:before,
.icon-di-bats:before,
.icon-di-battery-charging:before,
.icon-di-battery-jolt:before,
.icon-di-battery-recycling:before,
.icon-di-beach-ball:before,
.icon-di-beach-house:before,
.icon-di-bear:before,
.icon-di-bed:before,
.icon-di-bee:before,
.icon-di-beer:before,
.icon-di-beer-glass:before,
.icon-di-beer-mug:before,
.icon-di-bell:before,
.icon-di-bell-tree-ornament:before,
.icon-di-bellman:before,
.icon-di-belt:before,
.icon-di-bib:before,
.icon-di-bicycle:before,
.icon-di-bifold-wallet:before,
.icon-di-big-ben:before,
.icon-di-binary-search:before,
.icon-di-binders:before,
.icon-di-bingo-card:before,
.icon-di-binoculars:before,
.icon-di-biohazard:before,
.icon-di-bird-flying:before,
.icon-di-bird-house:before,
.icon-di-bird-message:before,
.icon-di-bird-note:before,
.icon-di-bird-worm:before,
.icon-di-birdcage:before,
.icon-di-birds-nest:before,
.icon-di-birthday-cake-slice:before,
.icon-di-blackboard-abc:before,
.icon-di-blackboard-emc2:before,
.icon-di-blender:before,
.icon-di-blood-bag:before,
.icon-di-blood-pressure-monitor:before,
.icon-di-blood-sample:before,
.icon-di-blossom:before,
.icon-di-blueprint:before,
.icon-di-boarding-passes:before,
.icon-di-boat-propeller:before,
.icon-di-boiled-egg-spoon:before,
.icon-di-bollard:before,
.icon-di-bomb:before,
.icon-di-bombs:before,
.icon-di-bone:before,
.icon-di-bonsai-tree:before,
.icon-di-book:before,
.icon-di-book-bookmark:before,
.icon-di-boot:before,
.icon-di-bottle:before,
.icon-di-bottle-opener:before,
.icon-di-bottle-recycling:before,
.icon-di-bow-arrow:before,
.icon-di-bow-saw:before,
.icon-di-bowler-hat-cane:before,
.icon-di-bowler-hat-umbrella:before,
.icon-di-bowling-ball-pin:before,
.icon-di-bowling-pin:before,
.icon-di-box-barcode:before,
.icon-di-box-recycling:before,
.icon-di-box-upright-sign:before,
.icon-di-boxing-glove:before,
.icon-di-bra:before,
.icon-di-braille:before,
.icon-di-brain:before,
.icon-di-brandenburg-gate:before,
.icon-di-bread-loaf:before,
.icon-di-bride:before,
.icon-di-briefcase-double:before,
.icon-di-briefcase-single:before,
.icon-di-british-crown:before,
.icon-di-british-phone-booth:before,
.icon-di-british-police-officer:before,
.icon-di-british-taxicab:before,
.icon-di-broccoli:before,
.icon-di-broken-arm:before,
.icon-di-broken-bottle:before,
.icon-di-broken-glass:before,
.icon-di-broken-glasses:before,
.icon-di-broken-vase:before,
.icon-di-bucket-foam:before,
.icon-di-bucket-water:before,
.icon-di-bug:before,
.icon-di-building-blocks:before,
.icon-di-building-fire:before,
.icon-di-building-search:before,
.icon-di-buildings:before,
.icon-di-bulldozer:before,
.icon-di-bullet:before,
.icon-di-bullet-train:before,
.icon-di-bullhorn:before,
.icon-di-bumper-car:before,
.icon-di-bunsen-burner:before,
.icon-di-buoy:before,
.icon-di-burka:before,
.icon-di-bus:before,
.icon-di-businessperson:before,
.icon-di-businessperson-speech-dollar:before,
.icon-di-butter-knife:before,
.icon-di-butterfly:before,
.icon-di-buy-now-sticker:before,
.icon-di-cafe-machiatto:before,
.icon-di-cake-slice:before,
.icon-di-calendar-1:before,
.icon-di-calendar-10:before,
.icon-di-calendar-11:before,
.icon-di-calendar-12:before,
.icon-di-calendar-13:before,
.icon-di-calendar-14:before,
.icon-di-calendar-15:before,
.icon-di-calendar-16:before,
.icon-di-calendar-17:before,
.icon-di-calendar-18:before,
.icon-di-calendar-19:before,
.icon-di-calendar-2:before,
.icon-di-calendar-20:before,
.icon-di-calendar-21:before,
.icon-di-calendar-22:before,
.icon-di-calendar-23:before,
.icon-di-calendar-24:before,
.icon-di-calendar-25:before,
.icon-di-calendar-26:before,
.icon-di-calendar-27:before,
.icon-di-calendar-28:before,
.icon-di-calendar-29:before,
.icon-di-calendar-3:before,
.icon-di-calendar-30:before,
.icon-di-calendar-31:before,
.icon-di-calendar-4:before,
.icon-di-calendar-5:before,
.icon-di-calendar-6:before,
.icon-di-calendar-7:before,
.icon-di-calendar-8:before,
.icon-di-calendar-9:before,
.icon-di-calendar-checkmark:before,
.icon-di-calendar-christmas:before,
.icon-di-calendar-day:before,
.icon-di-calendar-month:before,
.icon-di-call-bell:before,
.icon-di-camcorder-front:before,
.icon-di-camcorder-profile:before,
.icon-di-camel:before,
.icon-di-camera:before,
.icon-di-camera-film:before,
.icon-di-camera-flash-off:before,
.icon-di-camera-flash-on:before,
.icon-di-camera-tripod:before,
.icon-di-camera-viewfinder-black:before,
.icon-di-camera-viewfinder-silver:before,
.icon-di-camera-wireless:before,
.icon-di-camp-fire:before,
.icon-di-camp-stove:before,
.icon-di-candle-flower:before,
.icon-di-candle-holder:before,
.icon-di-candle-holly:before,
.icon-di-candy:before,
.icon-di-candy-bar:before,
.icon-di-candy-bar-phone:before,
.icon-di-candy-cane:before,
.icon-di-cannon:before,
.icon-di-cannon-firing:before,
.icon-di-captain:before,
.icon-di-captains-license:before,
.icon-di-car:before,
.icon-di-car-accident:before,
.icon-di-car-battery:before,
.icon-di-car-cleaner-spray:before,
.icon-di-car-engine:before,
.icon-di-car-fire:before,
.icon-di-car-garage:before,
.icon-di-car-plug:before,
.icon-di-car-registration:before,
.icon-di-car-rental:before,
.icon-di-car-roof-box:before,
.icon-di-car-traffic:before,
.icon-di-car-trunk:before,
.icon-di-car-wash:before,
.icon-di-carambola:before,
.icon-di-cargo-hoisting:before,
.icon-di-cargo-plane:before,
.icon-di-carousel:before,
.icon-di-carp:before,
.icon-di-carpet-beater:before,
.icon-di-carpet-rolled:before,
.icon-di-carpool:before,
.icon-di-carriage:before,
.icon-di-carrot:before,
.icon-di-cart-weight:before,
.icon-di-cash:before,
.icon-di-cash-dispenser:before,
.icon-di-cash-pile-perspective:before,
.icon-di-cash-pile-straight:before,
.icon-di-cash-register:before,
.icon-di-casino-chip:before,
.icon-di-casino-chips:before,
.icon-di-casino-croupier:before,
.icon-di-cassette-tape:before,
.icon-di-castle-tower:before,
.icon-di-cat:before,
.icon-di-cat-o-nine-tails:before,
.icon-di-cauldron:before,
.icon-di-cauliflower:before,
.icon-di-celery:before,
.icon-di-cellphone-signal:before,
.icon-di-centurion-helmet:before,
.icon-di-cereal-bowl:before,
.icon-di-chain-links:before,
.icon-di-chain-links-broken:before,
.icon-di-chainsaw:before,
.icon-di-chair:before,
.icon-di-chalk-outline:before,
.icon-di-chandelier:before,
.icon-di-charcoal-bag:before,
.icon-di-check-mark:before,
.icon-di-check-pen:before,
.icon-di-checkered-flag:before,
.icon-di-checklist:before,
.icon-di-cheerleader:before,
.icon-di-cheese:before,
.icon-di-chef:before,
.icon-di-chemistry-experiment:before,
.icon-di-cherries:before,
.icon-di-cherry-blossom:before,
.icon-di-chess-knight:before,
.icon-di-chess-tower:before,
.icon-di-chestnut:before,
.icon-di-chichen-itza:before,
.icon-di-chicken-egg:before,
.icon-di-chicken-thigh:before,
.icon-di-chili-pepper:before,
.icon-di-chinese-take-out:before,
.icon-di-christmas-light:before,
.icon-di-christmas-stocking:before,
.icon-di-christmas-tree:before,
.icon-di-chromosome:before,
.icon-di-church:before,
.icon-di-cigar:before,
.icon-di-circus-tent:before,
.icon-di-clapperboard:before,
.icon-di-cleaning-gloves:before,
.icon-di-cleaver:before,
.icon-di-cleaver-blood:before,
.icon-di-clipboard-checklist:before,
.icon-di-clipboard-heartbeat:before,
.icon-di-clipboard-text:before,
.icon-di-clock:before,
.icon-di-clog-shoe:before,
.icon-di-closed-sign:before,
.icon-di-clothes-line:before,
.icon-di-cloud-download:before,
.icon-di-cloud-keyhole:before,
.icon-di-cloud-rain:before,
.icon-di-cloud-snow:before,
.icon-di-cloud-storage:before,
.icon-di-cloud-upload:before,
.icon-di-clover:before,
.icon-di-clownfish:before,
.icon-di-co2-cloud:before,
.icon-di-co2-cow:before,
.icon-di-co2-sequestration:before,
.icon-di-coast-guard-boat:before,
.icon-di-cocktail:before,
.icon-di-cocktail-glass:before,
.icon-di-coconut-drink:before,
.icon-di-coffee-bean-roasting:before,
.icon-di-coffee-beans:before,
.icon-di-coffee-cup-plate:before,
.icon-di-coffee-grinder:before,
.icon-di-coffee-maker:before,
.icon-di-coffee-mug:before,
.icon-di-coffee-pack:before,
.icon-di-coffee-pot:before,
.icon-di-coin-cup:before,
.icon-di-coin-wallet:before,
.icon-di-cold-drink:before,
.icon-di-collar:before,
.icon-di-color-swatch:before,
.icon-di-colosseum:before,
.icon-di-combine-harvester:before,
.icon-di-combustible-sign:before,
.icon-di-comet:before,
.icon-di-coming-out:before,
.icon-di-command-line:before,
.icon-di-compact-camera:before,
.icon-di-compact-fluorescent-lamp-straight:before,
.icon-di-compact-fluorescent-lamp-twisted:before,
.icon-di-computer-communication:before,
.icon-di-computer-monitor-barcode:before,
.icon-di-computer-monitor-signal:before,
.icon-di-computer-tablet-game:before,
.icon-di-condom-folded:before,
.icon-di-condom-unfolded:before,
.icon-di-conference-call:before,
.icon-di-conference-phone:before,
.icon-di-conga:before,
.icon-di-constellation:before,
.icon-di-construction-barrier:before,
.icon-di-construction-sign:before,
.icon-di-construction-worker:before,
.icon-di-contact-book:before,
.icon-di-container-ship:before,
.icon-di-container-truck:before,
.icon-di-convention-balloons:before,
.icon-di-conveyor-belt:before,
.icon-di-cooking-pot:before,
.icon-di-cooking-pot-spoon:before,
.icon-di-cooling-bag:before,
.icon-di-coral:before,
.icon-di-cordless-drill:before,
.icon-di-cork:before,
.icon-di-corkscrew:before,
.icon-di-corncob:before,
.icon-di-corner-marking:before,
.icon-di-corporation-building:before,
.icon-di-cosmetic-surgery:before,
.icon-di-countdown:before,
.icon-di-cow:before,
.icon-di-cow-face:before,
.icon-di-cowboy:before,
.icon-di-crab:before,
.icon-di-crack-pipe:before,
.icon-di-crayon-drawing:before,
.icon-di-credit-card-hand:before,
.icon-di-credit-card-lock:before,
.icon-di-credit-card-scissors:before,
.icon-di-credit-card-terminal:before,
.icon-di-credit-cards:before,
.icon-di-crib:before,
.icon-di-cricket-bat-ball:before,
.icon-di-criminal:before,
.icon-di-croissant-black:before,
.icon-di-croissant-white:before,
.icon-di-cross-trainer:before,
.icon-di-crowbar:before,
.icon-di-crown:before,
.icon-di-crunch:before,
.icon-di-cucumber:before,
.icon-di-currency-exchange:before,
.icon-di-customs:before,
.icon-di-customs-inspection:before,
.icon-di-cutting-scissors:before,
.icon-di-dancing:before,
.icon-di-dancing-man:before,
.icon-di-dart-target:before,
.icon-di-dashboard:before,
.icon-di-database:before,
.icon-di-decoration-ribbon:before,
.icon-di-deep-fryer:before,
.icon-di-deforestation:before,
.icon-di-delegate:before,
.icon-di-delegate-hat:before,
.icon-di-delivery-man:before,
.icon-di-delivery-moped:before,
.icon-di-delivery-truck:before,
.icon-di-delivery-truck-overnight:before,
.icon-di-delivery-van:before,
.icon-di-democratic-donkey:before,
.icon-di-demonstrators:before,
.icon-di-denture:before,
.icon-di-designer-glasses:before,
.icon-di-desktop-computer:before,
.icon-di-detection-dog:before,
.icon-di-diaper:before,
.icon-di-dice:before,
.icon-di-dices:before,
.icon-di-diesel-locomotive:before,
.icon-di-digital-timer:before,
.icon-di-dildo:before,
.icon-di-dining-menu:before,
.icon-di-diploma:before,
.icon-di-direction:before,
.icon-di-direction-pointer:before,
.icon-di-direction-sign:before,
.icon-di-director-chair:before,
.icon-di-disabled-person:before,
.icon-di-disaster:before,
.icon-di-discount-sticker:before,
.icon-di-discus-throwing:before,
.icon-di-dish-brush:before,
.icon-di-dishwasher:before,
.icon-di-diving:before,
.icon-di-dna:before,
.icon-di-do-not-discard:before,
.icon-di-document-bar-chart:before,
.icon-di-document-delete:before,
.icon-di-document-download:before,
.icon-di-document-edit:before,
.icon-di-document-gear:before,
.icon-di-document-grade:before,
.icon-di-document-key:before,
.icon-di-document-lock:before,
.icon-di-document-love:before,
.icon-di-document-org-chart:before,
.icon-di-document-pdf:before,
.icon-di-document-pen:before,
.icon-di-document-pencil:before,
.icon-di-document-restricted:before,
.icon-di-document-search:before,
.icon-di-document-star:before,
.icon-di-document-upload:before,
.icon-di-document-world:before,
.icon-di-document-wrench:before,
.icon-di-dog-bag:before,
.icon-di-dog-collar:before,
.icon-di-dog-food:before,
.icon-di-dog-house:before,
.icon-di-dog-leash:before,
.icon-di-dog-poo:before,
.icon-di-dog-racing:before,
.icon-di-dog-tag:before,
.icon-di-doll:before,
.icon-di-dollar-arrow:before,
.icon-di-dollar-bills:before,
.icon-di-dolphin:before,
.icon-di-donut:before,
.icon-di-double-bed:before,
.icon-di-double-decker-bus:before,
.icon-di-dove:before,
.icon-di-downhill-skiing:before,
.icon-di-drafting-compass:before,
.icon-di-drag-queen:before,
.icon-di-dragon:before,
.icon-di-draught:before,
.icon-di-dress:before,
.icon-di-dress-form:before,
.icon-di-drum:before,
.icon-di-duck-hunt:before,
.icon-di-duct-tape:before,
.icon-di-dump-truck:before,
.icon-di-duster:before,
.icon-di-dutch-building:before,
.icon-di-dutch-cap-wearer:before,
.icon-di-dutch-cheese:before,
.icon-di-dutch-flag:before,
.icon-di-duty-free-bag-airplane:before,
.icon-di-duty-free-bag-text:before,
.icon-di-earphones:before,
.icon-di-earth:before,
.icon-di-earth-location:before,
.icon-di-earthquake:before,
.icon-di-easel:before,
.icon-di-easter-egg:before,
.icon-di-eco-cow:before,
.icon-di-eco-friendly-factory:before,
.icon-di-egg-bacon:before,
.icon-di-egg-carton:before,
.icon-di-eiffel-tower:before,
.icon-di-eight-ball:before,
.icon-di-electric-guitar:before,
.icon-di-electric-locomotive:before,
.icon-di-electric-plug-female:before,
.icon-di-electric-plug-male:before,
.icon-di-electric-shock:before,
.icon-di-electric-water-boiler:before,
.icon-di-electricity:before,
.icon-di-electrocardiogram:before,
.icon-di-elevator:before,
.icon-di-email-book:before,
.icon-di-engagement-ring:before,
.icon-di-english-breakfast:before,
.icon-di-enveloppe:before,
.icon-di-enveloppe-wings:before,
.icon-di-equalizer:before,
.icon-di-equipment-case:before,
.icon-di-eraser-crumbs:before,
.icon-di-eraser-line:before,
.icon-di-erlenmeyer-bulb:before,
.icon-di-erlenmeyer-flask:before,
.icon-di-escalator-up:before,
.icon-di-espresso-cup:before,
.icon-di-espresso-machine:before,
.icon-di-evidence-marker:before,
.icon-di-excavator:before,
.icon-di-exchange:before,
.icon-di-exhaust-hood:before,
.icon-di-expand:before,
.icon-di-explosion:before,
.icon-di-eye-dropper:before,
.icon-di-eye-dropper-drop:before,
.icon-di-eye-open:before,
.icon-di-facial-mask:before,
.icon-di-fairy:before,
.icon-di-fairy-tale-book:before,
.icon-di-falling-climber-sign:before,
.icon-di-family:before,
.icon-di-fan:before,
.icon-di-farm-windmill:before,
.icon-di-farmer:before,
.icon-di-fashion-designer:before,
.icon-di-fashion-model:before,
.icon-di-fasten-seatbelt:before,
.icon-di-fax:before,
.icon-di-fedora-money:before,
.icon-di-feed:before,
.icon-di-ferris-wheel:before,
.icon-di-ferryboat:before,
.icon-di-ferryboat-car:before,
.icon-di-field-hockey:before,
.icon-di-figure-skating:before,
.icon-di-files:before,
.icon-di-film-reel:before,
.icon-di-film-search:before,
.icon-di-fingerprint:before,
.icon-di-fingerprint-search:before,
.icon-di-fire:before,
.icon-di-fire-axes:before,
.icon-di-fire-badge:before,
.icon-di-fire-exit:before,
.icon-di-fire-extinguisher-heavy:before,
.icon-di-fire-extinguisher-light:before,
.icon-di-fire-fighting:before,
.icon-di-fire-hydrant:before,
.icon-di-fire-pit:before,
.icon-di-fire-truck:before,
.icon-di-firefighter:before,
.icon-di-firefighter-helmet:before,
.icon-di-firehose:before,
.icon-di-firehose-indoor:before,
.icon-di-fireplace:before,
.icon-di-fireplace-stones:before,
.icon-di-firewall-large:before,
.icon-di-firewall-small:before,
.icon-di-firework:before,
.icon-di-fireworks:before,
.icon-di-first-aid-kit:before,
.icon-di-first-dance:before,
.icon-di-fish:before,
.icon-di-fish-chips:before,
.icon-di-fish-farming:before,
.icon-di-fish-lemon:before,
.icon-di-fish-school:before,
.icon-di-fishbone:before,
.icon-di-fishbowl:before,
.icon-di-fist:before,
.icon-di-fist-hit:before,
.icon-di-fitness-instructor:before,
.icon-di-flag:before,
.icon-di-flash-card:before,
.icon-di-flashing-signal:before,
.icon-di-flashlight-large:before,
.icon-di-flashlight-small:before,
.icon-di-flat-panel-display:before,
.icon-di-fleur-de-lis:before,
.icon-di-flight-attendant:before,
.icon-di-flip-chart:before,
.icon-di-flip-flops:before,
.icon-di-flip-phone:before,
.icon-di-flood:before,
.icon-di-floodlights:before,
.icon-di-floor-mop:before,
.icon-di-floor-sign:before,
.icon-di-floor-sign-dollar:before,
.icon-di-flower-seeds:before,
.icon-di-fluorescent-marker:before,
.icon-di-folder-lock:before,
.icon-di-font-disk:before,
.icon-di-football:before,
.icon-di-football-goal:before,
.icon-di-football-helmet:before,
.icon-di-football-jersey:before,
.icon-di-football-player:before,
.icon-di-football-stadium:before,
.icon-di-football-throwing:before,
.icon-di-football-trophy:before,
.icon-di-for-rent-sign:before,
.icon-di-for-sale-sign:before,
.icon-di-forest:before,
.icon-di-fork-knife:before,
.icon-di-forklift-truck:before,
.icon-di-fountain-pen:before,
.icon-di-fountain-pen-signature:before,
.icon-di-fragile-sign:before,
.icon-di-frame:before,
.icon-di-free-kick:before,
.icon-di-free-range-chicken:before,
.icon-di-freight-plane:before,
.icon-di-french-cheese:before,
.icon-di-french-flag:before,
.icon-di-french-fries:before,
.icon-di-french-person:before,
.icon-di-frog-prince:before,
.icon-di-front-loader:before,
.icon-di-fruit-bowl:before,
.icon-di-fruit-soda-can:before,
.icon-di-fuel-pump:before,
.icon-di-fuji-san:before,
.icon-di-funeral:before,
.icon-di-funnel:before,
.icon-di-galaxy:before,
.icon-di-game-controller:before,
.icon-di-game-strategy:before,
.icon-di-game-tactics:before,
.icon-di-garbage-truck:before,
.icon-di-garden-hose:before,
.icon-di-garlic:before,
.icon-di-gas-burner:before,
.icon-di-gas-flare:before,
.icon-di-gas-mask:before,
.icon-di-gas-mask-wearer:before,
.icon-di-gas-pump:before,
.icon-di-gas-pump-arrow:before,
.icon-di-gavel:before,
.icon-di-gay-man:before,
.icon-di-gears:before,
.icon-di-geisha:before,
.icon-di-geta:before,
.icon-di-ghost:before,
.icon-di-gift:before,
.icon-di-gingerbread-house:before,
.icon-di-gingerbread-man:before,
.icon-di-glass-cleaner:before,
.icon-di-glass-container:before,
.icon-di-glass-recycling:before,
.icon-di-glass-recycling-bin:before,
.icon-di-global-warming:before,
.icon-di-globe:before,
.icon-di-goalkeeper:before,
.icon-di-goalkeeper-gloves:before,
.icon-di-gold-cup:before,
.icon-di-gold-medal:before,
.icon-di-golf-bag:before,
.icon-di-golf-ball:before,
.icon-di-golf-cart:before,
.icon-di-golf-clubs-ball:before,
.icon-di-golf-course:before,
.icon-di-golf-shoe:before,
.icon-di-golf-swing:before,
.icon-di-golf-trophy:before,
.icon-di-golfer:before,
.icon-di-golfing:before,
.icon-di-gondola:before,
.icon-di-gondola-lift-large:before,
.icon-di-gondola-lift-small:before,
.icon-di-gondolier:before,
.icon-di-grain:before,
.icon-di-gramophone:before,
.icon-di-grape:before,
.icon-di-grape-vine:before,
.icon-di-grapes:before,
.icon-di-grass:before,
.icon-di-grass-flower:before,
.icon-di-grater:before,
.icon-di-great-wall:before,
.icon-di-green-bag:before,
.icon-di-green-car:before,
.icon-di-green-care-horizontal:before,
.icon-di-green-care-vertical:before,
.icon-di-green-checkmark:before,
.icon-di-green-earth-africa:before,
.icon-di-green-earth-america:before,
.icon-di-green-energy-closed:before,
.icon-di-green-energy-open:before,
.icon-di-green-factory:before,
.icon-di-green-gas-pump:before,
.icon-di-green-house:before,
.icon-di-green-light-bulb:before,
.icon-di-green-nuclear:before,
.icon-di-green-pea:before,
.icon-di-green-roof:before,
.icon-di-green-shopping-cart:before,
.icon-di-green-speech:before,
.icon-di-green-tag:before,
.icon-di-green-world:before,
.icon-di-grim-reaper:before,
.icon-di-grocery-bag-recycling:before,
.icon-di-groom:before,
.icon-di-ground-traffic-controller:before,
.icon-di-group-search:before,
.icon-di-group-three:before,
.icon-di-group-two:before,
.icon-di-guard-dog:before,
.icon-di-guitar:before,
.icon-di-gymnastics-rings:before,
.icon-di-hagia-sophia:before,
.icon-di-hair-brush:before,
.icon-di-hair-dryer:before,
.icon-di-hair-gel:before,
.icon-di-hall-of-justice:before,
.icon-di-hamburger:before,
.icon-di-hamburger-box:before,
.icon-di-hamburger-sticker:before,
.icon-di-hammer:before,
.icon-di-hand-blender:before,
.icon-di-hand-coins-three:before,
.icon-di-hand-coins-two:before,
.icon-di-hand-direction:before,
.icon-di-hand-fan:before,
.icon-di-hand-grenade:before,
.icon-di-hand-gun:before,
.icon-di-hand-key:before,
.icon-di-hand-mirror:before,
.icon-di-hand-mixer:before,
.icon-di-hand-saw:before,
.icon-di-hand-sprout:before,
.icon-di-hand-truck-box:before,
.icon-di-hand-washing:before,
.icon-di-hand-wave:before,
.icon-di-handbell:before,
.icon-di-handcuffs:before,
.icon-di-handgrip:before,
.icon-di-handheld-game-console-large:before,
.icon-di-handheld-game-console-small:before,
.icon-di-handheld-vacuum-cleaner:before,
.icon-di-handset:before,
.icon-di-handshake:before,
.icon-di-hanger:before,
.icon-di-hard-disk-drive:before,
.icon-di-harp:before,
.icon-di-hat-stick:before,
.icon-di-hatchet:before,
.icon-di-hay:before,
.icon-di-headphones:before,
.icon-di-headquarters-building:before,
.icon-di-headquarters-world:before,
.icon-di-headset:before,
.icon-di-hearing-aid:before,
.icon-di-heart:before,
.icon-di-heart-adhesive-bandage:before,
.icon-di-heart-plus-sign:before,
.icon-di-heart-rate-meter:before,
.icon-di-heart-shaped-apple:before,
.icon-di-heart-strawberry:before,
.icon-di-heartbeat:before,
.icon-di-heartbeat-tracking:before,
.icon-di-hedgehog:before,
.icon-di-heels:before,
.icon-di-helicopter:before,
.icon-di-helicopter-modern:before,
.icon-di-high-definition-screen:before,
.icon-di-high-heels:before,
.icon-di-high-kick:before,
.icon-di-high-voltage-sign:before,
.icon-di-hiker:before,
.icon-di-hippie:before,
.icon-di-hockey-stick-ball:before,
.icon-di-hockey-stick-puck:before,
.icon-di-hole-in-one:before,
.icon-di-holly:before,
.icon-di-home:before,
.icon-di-home-food-delivery:before,
.icon-di-home-search:before,
.icon-di-home-signal:before,
.icon-di-home-trainer:before,
.icon-di-homemade-jam:before,
.icon-di-homosexual-couple:before,
.icon-di-honeymoon:before,
.icon-di-hook-line:before,
.icon-di-horse-racing:before,
.icon-di-horseshoe:before,
.icon-di-hospital-sign:before,
.icon-di-hot-air-balloon:before,
.icon-di-hot-chocolate:before,
.icon-di-hot-dog:before,
.icon-di-hot-dog-stand:before,
.icon-di-hot-sauce-bottle:before,
.icon-di-hot-sauce-pouring:before,
.icon-di-hotel:before,
.icon-di-hotel-cart:before,
.icon-di-hourglass:before,
.icon-di-hourglass-house:before,
.icon-di-house:before,
.icon-di-house-cleaning:before,
.icon-di-house-fire:before,
.icon-di-house-frame:before,
.icon-di-house-number:before,
.icon-di-house-solar-panel-sun:before,
.icon-di-housing-speech:before,
.icon-di-human-heart:before,
.icon-di-hurdling:before,
.icon-di-ice-cone:before,
.icon-di-ice-cream-cone-scoops:before,
.icon-di-ice-cream-cone-swirl:before,
.icon-di-ice-cream-cup:before,
.icon-di-ice-hockey:before,
.icon-di-ice-pop-melting:before,
.icon-di-ice-skate-figure:before,
.icon-di-ice-skate-speed:before,
.icon-di-ice-skating:before,
.icon-di-icy-road:before,
.icon-di-idea:before,
.icon-di-identification-badge:before,
.icon-di-inbox:before,
.icon-di-indoor-cycling:before,
.icon-di-inflatable-castle:before,
.icon-di-inflatable-duck-buoy:before,
.icon-di-info-sign:before,
.icon-di-infrared-remote-control:before,
.icon-di-inkjet-printer:before,
.icon-di-insert-coin:before,
.icon-di-insert-credit-card:before,
.icon-di-insert-key:before,
.icon-di-instant-camera:before,
.icon-di-intercourse:before,
.icon-di-interior-plant:before,
.icon-di-iris-scan:before,
.icon-di-irish-coffee:before,
.icon-di-iron:before,
.icon-di-islam:before,
.icon-di-island:before,
.icon-di-italian-flag:before,
.icon-di-italian-wine-bottle:before,
.icon-di-itsukushima:before,
.icon-di-jack-o-lantern:before,
.icon-di-jackhammer:before,
.icon-di-jail-escape:before,
.icon-di-japanese-temple:before,
.icon-di-jellyfish:before,
.icon-di-jet-fighter:before,
.icon-di-jet-skiing:before,
.icon-di-jetliner-front:before,
.icon-di-jetliner-top:before,
.icon-di-joint:before,
.icon-di-journalist:before,
.icon-di-joystick:before,
.icon-di-juicer:before,
.icon-di-jump-rope:before,
.icon-di-jump-start:before,
.icon-di-justice-scale-detailed:before,
.icon-di-justice-scale-simple:before,
.icon-di-kayaking:before,
.icon-di-kebab:before,
.icon-di-keep-dry-sign:before,
.icon-di-kerosene-lamp:before,
.icon-di-kettle:before,
.icon-di-key:before,
.icon-di-key-ring:before,
.icon-di-keyboard:before,
.icon-di-keyboard-phone:before,
.icon-di-keypad:before,
.icon-di-ki:before,
.icon-di-king-bed:before,
.icon-di-kinky-love:before,
.icon-di-kissing-dutch-children:before,
.icon-di-kitchen-knife-blood:before,
.icon-di-kitchen-lighter:before,
.icon-di-kitchen-scale:before,
.icon-di-kitchen-timer:before,
.icon-di-kite:before,
.icon-di-kite-surfing:before,
.icon-di-kiwi:before,
.icon-di-kiyomizu:before,
.icon-di-knife-onion:before,
.icon-di-knitting:before,
.icon-di-kremlin:before,
.icon-di-kung-fu-master:before,
.icon-di-lab-rat:before,
.icon-di-ladder:before,
.icon-di-lady-justice:before,
.icon-di-ladybug:before,
.icon-di-lamb:before,
.icon-di-lamp:before,
.icon-di-landslide:before,
.icon-di-laptop:before,
.icon-di-laptop-computer:before,
.icon-di-laptop-computer-signal:before,
.icon-di-laser-printer:before,
.icon-di-laundry-basket:before,
.icon-di-laurel-wealth:before,
.icon-di-law-book:before,
.icon-di-lawn-mower:before,
.icon-di-leaf:before,
.icon-di-leafless-tree:before,
.icon-di-leather-tag:before,
.icon-di-lectern:before,
.icon-di-lecture:before,
.icon-di-leek:before,
.icon-di-lemon:before,
.icon-di-lesbian-couple:before,
.icon-di-letter-cube:before,
.icon-di-letterpress:before,
.icon-di-liberty-statue:before,
.icon-di-life-jacket:before,
.icon-di-life-ring:before,
.icon-di-life-ring-rope:before,
.icon-di-lighthouse:before,
.icon-di-line-chart:before,
.icon-di-line-chart-down:before,
.icon-di-line-chart-up:before,
.icon-di-lips:before,
.icon-di-lipstick:before,
.icon-di-liquor-glass:before,
.icon-di-lizard:before,
.icon-di-lobster:before,
.icon-di-lock-broken:before,
.icon-di-lock-closed:before,
.icon-di-lock-open:before,
.icon-di-lockers:before,
.icon-di-log-cabin:before,
.icon-di-london-underground:before,
.icon-di-loser-hand-sign:before,
.icon-di-lost-and-found:before,
.icon-di-lotion-bottle:before,
.icon-di-lotion-bottles:before,
.icon-di-lotion-bowl:before,
.icon-di-lotion-dispenser:before,
.icon-di-loudspeaker:before,
.icon-di-loudspeakers:before,
.icon-di-lounger-chair-parasol:before,
.icon-di-love-for-scissors:before,
.icon-di-lubricant:before,
.icon-di-lubricating-oil-can:before,
.icon-di-lucky-seven:before,
.icon-di-luggage-cart-flat:before,
.icon-di-luggage-cart-tilted:before,
.icon-di-luggage-scale:before,
.icon-di-luggage-tag:before,
.icon-di-luggage-weight:before,
.icon-di-lunch-box:before,
.icon-di-lungs:before,
.icon-di-luxury-watch:before,
.icon-di-magic-broom:before,
.icon-di-magic-lamp:before,
.icon-di-magic-mirror:before,
.icon-di-magic-wand:before,
.icon-di-magnetic-compass:before,
.icon-di-magnifying-glass:before,
.icon-di-maid:before,
.icon-di-mail:before,
.icon-di-maki-sushi:before,
.icon-di-mallet-wrenches:before,
.icon-di-man-at-work:before,
.icon-di-man-woman-symbols:before,
.icon-di-manager:before,
.icon-di-manual-forklift-box:before,
.icon-di-map-location:before,
.icon-di-maraca:before,
.icon-di-marijuana:before,
.icon-di-marijuana-pipe:before,
.icon-di-marijuana-plant:before,
.icon-di-marine-signal-flags:before,
.icon-di-mask-snorkle:before,
.icon-di-massage:before,
.icon-di-match:before,
.icon-di-matryoshka:before,
.icon-di-maximum-speed:before,
.icon-di-meal-for-two:before,
.icon-di-measuring-cup:before,
.icon-di-measuring-tape:before,
.icon-di-mechanic:before,
.icon-di-medical-sign:before,
.icon-di-medical-thermometer:before,
.icon-di-medicine:before,
.icon-di-medicine-bowl:before,
.icon-di-medieval-knight:before,
.icon-di-meeting:before,
.icon-di-megaphone:before,
.icon-di-melodica:before,
.icon-di-mermaid:before,
.icon-di-merry-go-round:before,
.icon-di-message-bottle:before,
.icon-di-message-love:before,
.icon-di-message-quote:before,
.icon-di-messenger-bag:before,
.icon-di-metal-detector:before,
.icon-di-metal-fence:before,
.icon-di-meteorite:before,
.icon-di-microchip:before,
.icon-di-microphone-cord:before,
.icon-di-microphone-stand:before,
.icon-di-microphone-star:before,
.icon-di-microscope-advanced:before,
.icon-di-microscope-basic:before,
.icon-di-microwave-oven:before,
.icon-di-military-medal:before,
.icon-di-military-officer:before,
.icon-di-military-ribbon:before,
.icon-di-milk-can:before,
.icon-di-milk-jug:before,
.icon-di-milk-pot:before,
.icon-di-mini-truck:before,
.icon-di-minivan:before,
.icon-di-mirror-clean:before,
.icon-di-mistletoe:before,
.icon-di-mittens:before,
.icon-di-mixing-console:before,
.icon-di-moai:before,
.icon-di-mobile:before,
.icon-di-mobile-phone:before,
.icon-di-mobile-phone-signal:before,
.icon-di-molecule:before,
.icon-di-mona-lisa:before,
.icon-di-money-bag-large:before,
.icon-di-money-bag-small:before,
.icon-di-money-laundering:before,
.icon-di-monitor:before,
.icon-di-moon-orbit:before,
.icon-di-moped:before,
.icon-di-mortarboard:before,
.icon-di-mosque:before,
.icon-di-motocrossing:before,
.icon-di-motorboat:before,
.icon-di-motorcycle:before,
.icon-di-motorized-wheelchair:before,
.icon-di-mountains:before,
.icon-di-mouse:before,
.icon-di-movie-camera:before,
.icon-di-movie-camera-tripod:before,
.icon-di-movie-director:before,
.icon-di-movie-film:before,
.icon-di-movie-film-play-large:before,
.icon-di-movie-film-play-small:before,
.icon-di-movie-ticket:before,
.icon-di-moving-walkway:before,
.icon-di-muffin:before,
.icon-di-mugshot:before,
.icon-di-mushroom:before,
.icon-di-mushrooms:before,
.icon-di-music-program:before,
.icon-di-music-sheet:before,
.icon-di-musical-note:before,
.icon-di-nanjing-porcelain-tower:before,
.icon-di-napkin:before,
.icon-di-navy-sailor:before,
.icon-di-necklace:before,
.icon-di-necktie:before,
.icon-di-nerd:before,
.icon-di-newborn-chicken:before,
.icon-di-news-agency:before,
.icon-di-news-anchor:before,
.icon-di-news-camera:before,
.icon-di-news-microphone:before,
.icon-di-news-van:before,
.icon-di-newspaper:before,
.icon-di-newspaper-cutline:before,
.icon-di-newspaper-feed:before,
.icon-di-newspaper-folded:before,
.icon-di-newspaper-reader:before,
.icon-di-newspaper-recycling:before,
.icon-di-no-cellphone:before,
.icon-di-no-entry-door-sign:before,
.icon-di-no-entry-sign:before,
.icon-di-no-smoking:before,
.icon-di-noose:before,
.icon-di-note-pushpin:before,
.icon-di-notebook:before,
.icon-di-notepad-pencil:before,
.icon-di-nuclear-explosion:before,
.icon-di-nuclear-power-plant:before,
.icon-di-nuclear-radiation:before,
.icon-di-nuclear-warning:before,
.icon-di-nuclear-waste:before,
.icon-di-nurse:before,
.icon-di-oasis:before,
.icon-di-observatory:before,
.icon-di-octopus:before,
.icon-di-off-road-vehicle:before,
.icon-di-office-chair:before,
.icon-di-officer-identification-card:before,
.icon-di-offshore-drilling-platform:before,
.icon-di-oil-barrel:before,
.icon-di-oil-barrel-dollar:before,
.icon-di-oil-barrel-drop:before,
.icon-di-oil-can:before,
.icon-di-oil-can-drop:before,
.icon-di-oil-can-fire:before,
.icon-di-oil-can-handle:before,
.icon-di-oil-drilling:before,
.icon-di-oil-drop-long:before,
.icon-di-oil-drop-short:before,
.icon-di-oil-refinery:before,
.icon-di-oil-spill:before,
.icon-di-oil-tank:before,
.icon-di-oil-tanker:before,
.icon-di-okay-sign:before,
.icon-di-olive-oil-bottle:before,
.icon-di-olive-oil-pitcher:before,
.icon-di-olives:before,
.icon-di-olives-branch:before,
.icon-di-olympic-flame:before,
.icon-di-onesie:before,
.icon-di-onion:before,
.icon-di-online-flight-reservation:before,
.icon-di-online-food-ordering:before,
.icon-di-online-porno:before,
.icon-di-online-real-estate-listing:before,
.icon-di-online-shopping:before,
.icon-di-online-theft:before,
.icon-di-open-sign:before,
.icon-di-open-upright:before,
.icon-di-opium:before,
.icon-di-optical-disk:before,
.icon-di-optical-disk-burning:before,
.icon-di-optical-disk-drive:before,
.icon-di-orange:before,
.icon-di-orange-juice-glass:before,
.icon-di-orchid-five:before,
.icon-di-orchid-four:before,
.icon-di-org-chart:before,
.icon-di-organic-flower:before,
.icon-di-organic-grain:before,
.icon-di-organic-honey:before,
.icon-di-organic-label:before,
.icon-di-organic-sticker:before,
.icon-di-organic-vegetables:before,
.icon-di-oriental-tea-kettle:before,
.icon-di-origami:before,
.icon-di-oven:before,
.icon-di-oven-mitt:before,
.icon-di-pacifier:before,
.icon-di-paint-brush-large:before,
.icon-di-paint-brush-small:before,
.icon-di-paint-can:before,
.icon-di-paint-can-brush:before,
.icon-di-paint-can-pouring:before,
.icon-di-paint-roller:before,
.icon-di-painting:before,
.icon-di-palette:before,
.icon-di-palm-leaf:before,
.icon-di-palm-tree:before,
.icon-di-palm-trees-hammock:before,
.icon-di-pan-fire:before,
.icon-di-pan-vegetables:before,
.icon-di-pancakes:before,
.icon-di-panpipe:before,
.icon-di-paper-shredder:before,
.icon-di-paper-stack:before,
.icon-di-paperbag:before,
.icon-di-paperbag-tag:before,
.icon-di-paperclip:before,
.icon-di-paperclip-pencil:before,
.icon-di-paperplane:before,
.icon-di-paprika:before,
.icon-di-parcel-scale:before,
.icon-di-park:before,
.icon-di-park-map:before,
.icon-di-parrot:before,
.icon-di-party-balloons:before,
.icon-di-party-boy:before,
.icon-di-party-decoration:before,
.icon-di-party-horn:before,
.icon-di-party-tents:before,
.icon-di-passport:before,
.icon-di-passport-pictures:before,
.icon-di-pasta-maker:before,
.icon-di-patriotic-decorations:before,
.icon-di-paw:before,
.icon-di-pay-tv:before,
.icon-di-pay-tv-soccer:before,
.icon-di-pear:before,
.icon-di-pedal-car:before,
.icon-di-pen:before,
.icon-di-pen-line:before,
.icon-di-pencil:before,
.icon-di-pencil-drawing:before,
.icon-di-pencil-ruler:before,
.icon-di-pepper:before,
.icon-di-performer:before,
.icon-di-perfume-spray:before,
.icon-di-personal-safe:before,
.icon-di-personal-scale:before,
.icon-di-pet-leash:before,
.icon-di-pet-treats:before,
.icon-di-pet-water-dispenser:before,
.icon-di-petanque:before,
.icon-di-pharmacy-sign:before,
.icon-di-phone-24-hours:before,
.icon-di-phone-book:before,
.icon-di-phone-handset-cord:before,
.icon-di-phone-handset-signal:before,
.icon-di-phone-message-dollar:before,
.icon-di-phone-message-fire:before,
.icon-di-phone-message-love:before,
.icon-di-phone-ringing:before,
.icon-di-photo-editor:before,
.icon-di-photo-printer:before,
.icon-di-piano:before,
.icon-di-picket-fence:before,
.icon-di-picnic-basket:before,
.icon-di-picnic-table:before,
.icon-di-pictures:before,
.icon-di-pie-chart:before,
.icon-di-pig:before,
.icon-di-piggy-bank-broken:before,
.icon-di-piggy-bank-coin:before,
.icon-di-pill:before,
.icon-di-pill-bottle:before,
.icon-di-pills:before,
.icon-di-pilot:before,
.icon-di-pineapple:before,
.icon-di-pinecone:before,
.icon-di-pinpoint-location:before,
.icon-di-pipe-smoke:before,
.icon-di-pipe-wrench-pliers:before,
.icon-di-pirate:before,
.icon-di-pirate-flag:before,
.icon-di-pirate-hook:before,
.icon-di-pirate-ship:before,
.icon-di-pirate-sword:before,
.icon-di-pisa-tower:before,
.icon-di-pitchfork:before,
.icon-di-pizza:before,
.icon-di-pizza-box:before,
.icon-di-pizza-cutter:before,
.icon-di-pizza-oven:before,
.icon-di-pizza-slice:before,
.icon-di-planet:before,
.icon-di-plant-leaves:before,
.icon-di-plant-rising:before,
.icon-di-player-change:before,
.icon-di-playing-cards-jack:before,
.icon-di-playing-cards-spade:before,
.icon-di-playing-cards-sword:before,
.icon-di-plunger-brush:before,
.icon-di-pocket-calculator:before,
.icon-di-pocket-knife:before,
.icon-di-pocket-pens:before,
.icon-di-podcast-large:before,
.icon-di-podcast-small:before,
.icon-di-podium:before,
.icon-di-poison-apple:before,
.icon-di-poison-bottle:before,
.icon-di-poker-table:before,
.icon-di-polar-bear:before,
.icon-di-police-badge:before,
.icon-di-police-batton:before,
.icon-di-police-car:before,
.icon-di-police-officer:before,
.icon-di-pomegranate:before,
.icon-di-pool-ladder:before,
.icon-di-pool-rack:before,
.icon-di-popcorn:before,
.icon-di-pope-hat:before,
.icon-di-port-crane:before,
.icon-di-portable-audio-player:before,
.icon-di-portable-cassette-player:before,
.icon-di-portable-kennel:before,
.icon-di-porthole:before,
.icon-di-postage-stamp:before,
.icon-di-postcards:before,
.icon-di-potato-chips:before,
.icon-di-potted-flower:before,
.icon-di-power-outlet:before,
.icon-di-power-plate:before,
.icon-di-praying:before,
.icon-di-presenter:before,
.icon-di-presidential-seat:before,
.icon-di-press-button:before,
.icon-di-price-tag:before,
.icon-di-priest:before,
.icon-di-princess:before,
.icon-di-printed-circuit-board:before,
.icon-di-printer-calibration:before,
.icon-di-printing-press:before,
.icon-di-privacy-door-sign:before,
.icon-di-professor:before,
.icon-di-projection-screen-chart:before,
.icon-di-projection-screen-play:before,
.icon-di-proof-reading:before,
.icon-di-protractor:before,
.icon-di-pruning-shears:before,
.icon-di-pub-sign:before,
.icon-di-pumpjack:before,
.icon-di-pumpkin:before,
.icon-di-punch-bag:before,
.icon-di-purse:before,
.icon-di-push-mower:before,
.icon-di-putting:before,
.icon-di-puzzle-piece:before,
.icon-di-pylon:before,
.icon-di-pyramids:before,
.icon-di-qr-code-scan:before,
.icon-di-quarterback:before,
.icon-di-quran:before,
.icon-di-rabbit:before,
.icon-di-race-track:before,
.icon-di-racegun:before,
.icon-di-radar-screen:before,
.icon-di-radio-control:before,
.icon-di-radio-large:before,
.icon-di-radio-small:before,
.icon-di-radio-tower:before,
.icon-di-rainbow:before,
.icon-di-ransom-note:before,
.icon-di-raspberry:before,
.icon-di-rastafarian:before,
.icon-di-rattle:before,
.icon-di-ravioli:before,
.icon-di-razor-blade-line:before,
.icon-di-reading-glasses:before,
.icon-di-reality-tv:before,
.icon-di-receipt-change:before,
.icon-di-recreational-vehicle:before,
.icon-di-recycling-bag:before,
.icon-di-recycling-bin:before,
.icon-di-recycling-circle:before,
.icon-di-recycling-love:before,
.icon-di-recycling-single:before,
.icon-di-recycling-tag:before,
.icon-di-recycling-triangle:before,
.icon-di-red-card:before,
.icon-di-reeds:before,
.icon-di-reindeer:before,
.icon-di-reindeer-face:before,
.icon-di-remove-sign:before,
.icon-di-rent-sign:before,
.icon-di-reply:before,
.icon-di-reporting-structure:before,
.icon-di-republican-elephant:before,
.icon-di-restaurant-location:before,
.icon-di-restaurant-sign:before,
.icon-di-resume:before,
.icon-di-reticle:before,
.icon-di-reticle-bug:before,
.icon-di-retractable-measuring-tape:before,
.icon-di-revolver:before,
.icon-di-ribbon:before,
.icon-di-ribbon-star:before,
.icon-di-ride:before,
.icon-di-road-bike:before,
.icon-di-roasted-chicken:before,
.icon-di-rocket:before,
.icon-di-rocking-horse:before,
.icon-di-rollercoaster-steel:before,
.icon-di-rollercoaster-wood:before,
.icon-di-rolling-suitcase:before,
.icon-di-room-service:before,
.icon-di-rooster:before,
.icon-di-rope-knot:before,
.icon-di-rose:before,
.icon-di-rotating-beacon:before,
.icon-di-roulette:before,
.icon-di-roulette-equipment:before,
.icon-di-roundabout:before,
.icon-di-route-66:before,
.icon-di-rowing:before,
.icon-di-royal-eagle:before,
.icon-di-rss-feed:before,
.icon-di-rubber-stamp:before,
.icon-di-ruler:before,
.icon-di-running:before,
.icon-di-running-late:before,
.icon-di-safe:before,
.icon-di-safety-pin:before,
.icon-di-sailboat:before,
.icon-di-sailing:before,
.icon-di-sake-cup-bottle:before,
.icon-di-salad:before,
.icon-di-salad-bowl:before,
.icon-di-sale-sticker:before,
.icon-di-sale-tag:before,
.icon-di-salt:before,
.icon-di-sand-toys:before,
.icon-di-sandal:before,
.icon-di-sandwich:before,
.icon-di-santa-claus:before,
.icon-di-santa-hat:before,
.icon-di-sardine-tin:before,
.icon-di-satellite:before,
.icon-di-satellite-dish:before,
.icon-di-sauna:before,
.icon-di-sauna-water-bucket:before,
.icon-di-sausage:before,
.icon-di-sausage-fork:before,
.icon-di-sawing:before,
.icon-di-saxophone:before,
.icon-di-scalpel:before,
.icon-di-scarecrow:before,
.icon-di-scarf:before,
.icon-di-school-bus:before,
.icon-di-school-teacher:before,
.icon-di-school-tower:before,
.icon-di-scientist:before,
.icon-di-scimitars:before,
.icon-di-scissors:before,
.icon-di-scissors-comb:before,
.icon-di-scoreboard:before,
.icon-di-screwdriver:before,
.icon-di-scuba-diving:before,
.icon-di-scythe:before,
.icon-di-sea-anemone:before,
.icon-di-sea-horse:before,
.icon-di-sea-snake:before,
.icon-di-seagull:before,
.icon-di-seaweed:before,
.icon-di-secure-wireless-communication:before,
.icon-di-security-guard:before,
.icon-di-senior-man:before,
.icon-di-senior-man-walking:before,
.icon-di-senior-woman:before,
.icon-di-servers:before,
.icon-di-severed-thumb:before,
.icon-di-share:before,
.icon-di-shark:before,
.icon-di-sheep:before,
.icon-di-shell-cone:before,
.icon-di-shell-flat:before,
.icon-di-shell-game:before,
.icon-di-sheriff-badge:before,
.icon-di-shield-checkered:before,
.icon-di-shield-checkmark:before,
.icon-di-ship-upright:before,
.icon-di-ship-wheel:before,
.icon-di-shipping-box:before,
.icon-di-shipping-container-crane:before,
.icon-di-shipwheel:before,
.icon-di-shipwreck:before,
.icon-di-shirt-tie:before,
.icon-di-shoe-print:before,
.icon-di-shoe-tag:before,
.icon-di-shooting-star:before,
.icon-di-shooting-target:before,
.icon-di-shopping-bag:before,
.icon-di-shopping-basket:before,
.icon-di-shopping-basket-in:before,
.icon-di-shopping-basket-tag:before,
.icon-di-shopping-cart:before,
.icon-di-shopping-cart-add:before,
.icon-di-shopping-cart-full:before,
.icon-di-shopping-cart-house:before,
.icon-di-shopping-cart-remove:before,
.icon-di-shovel:before,
.icon-di-shovel-dirt:before,
.icon-di-shower:before,
.icon-di-shrimp:before,
.icon-di-shuffle:before,
.icon-di-sigma:before,
.icon-di-sinking-sailboat:before,
.icon-di-sippy-cup:before,
.icon-di-ski-lift:before,
.icon-di-skid-steer-loader:before,
.icon-di-skier:before,
.icon-di-skull-bones:before,
.icon-di-sledding:before,
.icon-di-sleeveless-shirt-hanger:before,
.icon-di-sleigh:before,
.icon-di-slider-phone-horizontal:before,
.icon-di-slider-phone-q:before,
.icon-di-slider-phone-vertical:before,
.icon-di-slideshow:before,
.icon-di-slimmer:before,
.icon-di-slippery:before,
.icon-di-slot-machine:before,
.icon-di-slr-camera:before,
.icon-di-smartphone-message:before,
.icon-di-smartphone-message-dollar:before,
.icon-di-smartphone-message-fire:before,
.icon-di-smartphone-message-love:before,
.icon-di-smartphone-message-user:before,
.icon-di-smartphone-message-wireless:before,
.icon-di-smartphone-note:before,
.icon-di-smartphone-play:before,
.icon-di-smartphone-receive:before,
.icon-di-smartphone-send:before,
.icon-di-smartphone-sms:before,
.icon-di-smokestacks:before,
.icon-di-snake-charming:before,
.icon-di-snow-boot:before,
.icon-di-snow-globe:before,
.icon-di-snow-shoveling:before,
.icon-di-snow-tire:before,
.icon-di-snowboarding:before,
.icon-di-snowflake-detailed:before,
.icon-di-snowflake-simple:before,
.icon-di-snowman:before,
.icon-di-snowmobiling:before,
.icon-di-soap:before,
.icon-di-soccer:before,
.icon-di-soccer-ball:before,
.icon-di-soccer-ball-cone:before,
.icon-di-soccer-ball-flying:before,
.icon-di-soccer-card:before,
.icon-di-soccer-club-shield:before,
.icon-di-soccer-club-shield-crown:before,
.icon-di-soccer-fan:before,
.icon-di-soccer-game-calendar:before,
.icon-di-soccer-goal:before,
.icon-di-soccer-jersey-3:before,
.icon-di-soccer-jersey-9:before,
.icon-di-soccer-practice:before,
.icon-di-soccer-shoe:before,
.icon-di-soccer-stadium:before,
.icon-di-soda-bottle:before,
.icon-di-soda-can:before,
.icon-di-soda-cup:before,
.icon-di-sofa:before,
.icon-di-soft-box:before,
.icon-di-software-update:before,
.icon-di-solar-energy:before,
.icon-di-solar-panel:before,
.icon-di-sold-sign:before,
.icon-di-soldier:before,
.icon-di-space-rover:before,
.icon-di-space-shuttle:before,
.icon-di-spaghetti-fork:before,
.icon-di-spaghetti-plate:before,
.icon-di-spark-plug:before,
.icon-di-sparkling-wine-bottle:before,
.icon-di-sparkling-wine-ice-bucket:before,
.icon-di-sparkling-wine-uncorked:before,
.icon-di-speaker:before,
.icon-di-speakerbox:before,
.icon-di-speech:before,
.icon-di-speech-bubble-arrow:before,
.icon-di-speech-bubble-smiley:before,
.icon-di-speech-bubbles-black:before,
.icon-di-speech-bubbles-white:before,
.icon-di-spider:before,
.icon-di-spider-web:before,
.icon-di-sponge:before,
.icon-di-sport-car:before,
.icon-di-sport-cup:before,
.icon-di-sport-motorcycle:before,
.icon-di-sport-shoe:before,
.icon-di-spotlight:before,
.icon-di-spotlight-tripod:before,
.icon-di-spray-canister:before,
.icon-di-spray-canister-restricted:before,
.icon-di-spray-paint:before,
.icon-di-springboard-diving:before,
.icon-di-sprout:before,
.icon-di-sprout-dirt:before,
.icon-di-sprouts:before,
.icon-di-spyglass:before,
.icon-di-squash-racquet-ball:before,
.icon-di-squirrel:before,
.icon-di-stairs-down:before,
.icon-di-stairs-up:before,
.icon-di-staple-gun:before,
.icon-di-stapler:before,
.icon-di-star:before,
.icon-di-star-system:before,
.icon-di-starfish:before,
.icon-di-steak-grilled:before,
.icon-di-steak-raw:before,
.icon-di-steam-iron:before,
.icon-di-steering-wheel:before,
.icon-di-stethoscope:before,
.icon-di-sticker-jolt:before,
.icon-di-sticker-new:before,
.icon-di-sticker-typeface:before,
.icon-di-stiletto:before,
.icon-di-stock-exchange:before,
.icon-di-stonehenge:before,
.icon-di-stones:before,
.icon-di-stopover:before,
.icon-di-stopwatch:before,
.icon-di-stopwatch-arrow:before,
.icon-di-store:before,
.icon-di-stout-beer-glass:before,
.icon-di-stout-beer-glass-crown:before,
.icon-di-stove:before,
.icon-di-strawberry:before,
.icon-di-street-bike:before,
.icon-di-street-location:before,
.icon-di-stretching-down:before,
.icon-di-stretching-up:before,
.icon-di-stroller:before,
.icon-di-studio-microphone:before,
.icon-di-stuffed-animal:before,
.icon-di-subway:before,
.icon-di-sugar-bowl:before,
.icon-di-sugar-dispenser:before,
.icon-di-suitcase:before,
.icon-di-suitcase-stickers:before,
.icon-di-suitcase-tag:before,
.icon-di-sultan:before,
.icon-di-sumo-wrestler:before,
.icon-di-sun:before,
.icon-di-sun-cloud:before,
.icon-di-sun-umbrella:before,
.icon-di-sunbathing:before,
.icon-di-sundae:before,
.icon-di-sunflower:before,
.icon-di-sunscreen:before,
.icon-di-super-hero:before,
.icon-di-supporters:before,
.icon-di-surfing:before,
.icon-di-surgeon:before,
.icon-di-surgical-scissors:before,
.icon-di-surveillance-camera:before,
.icon-di-surveillance-camera-outdoor:before,
.icon-di-survey:before,
.icon-di-survival-knife:before,
.icon-di-swap:before,
.icon-di-swimming:before,
.icon-di-swinging-ship:before,
.icon-di-swiss-cheese:before,
.icon-di-synchronize:before,
.icon-di-syringe:before,
.icon-di-t-shirt-hanger:before,
.icon-di-table:before,
.icon-di-table-tennis-paddle-ball:before,
.icon-di-tablet-computer:before,
.icon-di-taco:before,
.icon-di-tag:before,
.icon-di-taj-mahal:before,
.icon-di-take-out-coffee:before,
.icon-di-tank-car:before,
.icon-di-tank-truck:before,
.icon-di-tap-water:before,
.icon-di-tape-dispenser:before,
.icon-di-task-distribution:before,
.icon-di-taxicab:before,
.icon-di-tea:before,
.icon-di-tea-cup-plate:before,
.icon-di-tea-mug:before,
.icon-di-team-banner:before,
.icon-di-teddy-bear:before,
.icon-di-telemark-skiing:before,
.icon-di-telephone:before,
.icon-di-telephone-operator-double:before,
.icon-di-telephone-operator-single:before,
.icon-di-telescope:before,
.icon-di-television-set-round:before,
.icon-di-television-set-square:before,
.icon-di-tennis-racquet-ball:before,
.icon-di-tent:before,
.icon-di-tent-dome:before,
.icon-di-terminal-pointer:before,
.icon-di-text-book:before,
.icon-di-text-books:before,
.icon-di-the-end:before,
.icon-di-thermometer-cold:before,
.icon-di-thermometer-hot:before,
.icon-di-thermometer-mild:before,
.icon-di-thought-cloud-love:before,
.icon-di-thumb-down:before,
.icon-di-thumb-up:before,
.icon-di-thumb-up-sleeve:before,
.icon-di-tin-soldier:before,
.icon-di-tin-toy-robot:before,
.icon-di-tiramisu:before,
.icon-di-tire-pressure:before,
.icon-di-toaster:before,
.icon-di-toasting-flutes:before,
.icon-di-tobacco-product:before,
.icon-di-toilet-paper:before,
.icon-di-toll-road:before,
.icon-di-tomato:before,
.icon-di-tomato-soup:before,
.icon-di-tombstone-zombie:before,
.icon-di-toolbox:before,
.icon-di-toothbrush-toothpaste:before,
.icon-di-toucan:before,
.icon-di-touch-phone:before,
.icon-di-touchdown:before,
.icon-di-tourist-man:before,
.icon-di-tourist-woman:before,
.icon-di-tow-truck:before,
.icon-di-towel-hanger:before,
.icon-di-towels:before,
.icon-di-tower-bridge:before,
.icon-di-toxic-aerosol-canister:before,
.icon-di-toxic-gas:before,
.icon-di-toy-laser-gun:before,
.icon-di-tractor:before,
.icon-di-tractor-trailer:before,
.icon-di-traffic-camera:before,
.icon-di-traffic-cone-perspective:before,
.icon-di-traffic-cone-straight:before,
.icon-di-traffic-jam:before,
.icon-di-traffic-light:before,
.icon-di-train:before,
.icon-di-tramway:before,
.icon-di-trash-can:before,
.icon-di-trash-can-full:before,
.icon-di-trash-disposal:before,
.icon-di-trash-recycling:before,
.icon-di-travel-calendar:before,
.icon-di-travel-insurance:before,
.icon-di-travel-time:before,
.icon-di-travel-trailer:before,
.icon-di-traveler:before,
.icon-di-treasure:before,
.icon-di-treasure-map:before,
.icon-di-tree:before,
.icon-di-tree-leaf:before,
.icon-di-tree-leaf-single:before,
.icon-di-tree-love:before,
.icon-di-tree-ornament:before,
.icon-di-tree-ornament-snowflake:before,
.icon-di-trees:before,
.icon-di-trick-or-treating:before,
.icon-di-tricycle:before,
.icon-di-triumphal-arc:before,
.icon-di-trojan-horse:before,
.icon-di-trolley:before,
.icon-di-tropical-fish:before,
.icon-di-truck:before,
.icon-di-truck-clock:before,
.icon-di-trumpet:before,
.icon-di-tsunami:before,
.icon-di-tugboat:before,
.icon-di-tulip:before,
.icon-di-turn-right-sign:before,
.icon-di-turnip:before,
.icon-di-turntable:before,
.icon-di-tv-poll:before,
.icon-di-twin-bed:before,
.icon-di-two-masted-ship:before,
.icon-di-typewriter:before,
.icon-di-ukulele:before,
.icon-di-umbrella:before,
.icon-di-umbrella-strobe:before,
.icon-di-unicorn:before,
.icon-di-upright-sign:before,
.icon-di-us-capitol:before,
.icon-di-us-shield:before,
.icon-di-usb-drive:before,
.icon-di-user-add:before,
.icon-di-user-profile:before,
.icon-di-user-remove:before,
.icon-di-user-search-large:before,
.icon-di-user-search-small:before,
.icon-di-user-thought-cloud:before,
.icon-di-utensils:before,
.icon-di-utility-knife:before,
.icon-di-vacuum-cleaner:before,
.icon-di-valve:before,
.icon-di-vampire:before,
.icon-di-van-gogh:before,
.icon-di-vase:before,
.icon-di-venice-carnival-goer:before,
.icon-di-video-projector:before,
.icon-di-vine:before,
.icon-di-violin:before,
.icon-di-vip-pass:before,
.icon-di-vitamin-bottle:before,
.icon-di-volcano-explosion:before,
.icon-di-volleyball:before,
.icon-di-volume-control:before,
.icon-di-vote-badge:before,
.icon-di-voting:before,
.icon-di-waiting-room:before,
.icon-di-waitress:before,
.icon-di-wakeboarding:before,
.icon-di-walk-of-fame-star:before,
.icon-di-walker:before,
.icon-di-walkie-talkie:before,
.icon-di-warehouse:before,
.icon-di-warning-sign:before,
.icon-di-warning-triangle:before,
.icon-di-warranty-seal:before,
.icon-di-washing-machine:before,
.icon-di-waste-container:before,
.icon-di-water-bottle:before,
.icon-di-water-drops:before,
.icon-di-water-level:before,
.icon-di-water-pipe:before,
.icon-di-water-polo:before,
.icon-di-water-recycling:before,
.icon-di-water-ride:before,
.icon-di-watering-can:before,
.icon-di-watermelon-slice:before,
.icon-di-waterskiing:before,
.icon-di-wave-surfer:before,
.icon-di-weather-vane:before,
.icon-di-webcam:before,
.icon-di-wedding-cake:before,
.icon-di-wedding-date:before,
.icon-di-wedding-invitation:before,
.icon-di-wedding-rings:before,
.icon-di-weightlifting:before,
.icon-di-whale:before,
.icon-di-wheelbarrow-dirt:before,
.icon-di-wheelchair:before,
.icon-di-whisk-whipping:before,
.icon-di-whistle:before,
.icon-di-white-house:before,
.icon-di-wildfire:before,
.icon-di-win-sign:before,
.icon-di-win-sign-light:before,
.icon-di-wind-leaf:before,
.icon-di-wind-rose:before,
.icon-di-wind-turbine:before,
.icon-di-wind-turbine-offshore:before,
.icon-di-windmill:before,
.icon-di-window-squeegee:before,
.icon-di-window-wrench:before,
.icon-di-windsurfing:before,
.icon-di-wine:before,
.icon-di-wine-barrel:before,
.icon-di-wine-bottle:before,
.icon-di-wine-bottle-glass-red:before,
.icon-di-wine-bottle-glass-white:before,
.icon-di-wine-bottles:before,
.icon-di-wine-glass:before,
.icon-di-wine-glass-clean:before,
.icon-di-wine-glass-pouring:before,
.icon-di-wine-glass-swirling:before,
.icon-di-wine-tasting:before,
.icon-di-winemaker:before,
.icon-di-winter-hat-wearer:before,
.icon-di-wireless-access-point:before,
.icon-di-wireless-antenna:before,
.icon-di-wireless-keyboard:before,
.icon-di-wireless-mouse:before,
.icon-di-wireless-router:before,
.icon-di-wireless-signal:before,
.icon-di-witch:before,
.icon-di-witch-hat:before,
.icon-di-wizard-hat:before,
.icon-di-woman-singing:before,
.icon-di-word-processor:before,
.icon-di-world-arrow:before,
.icon-di-world-clock:before,
.icon-di-world-fire:before,
.icon-di-world-location:before,
.icon-di-worm:before,
.icon-di-wreath:before,
.icon-di-wrenches:before,
.icon-di-x-ray-baggage-scanner:before,
.icon-di-x-rays:before,
.icon-di-xtc:before,
.icon-di-xylophone:before,
.icon-di-yacht:before,
.icon-di-yachting:before,
.icon-di-yard-line:before,
.icon-di-yoga:before,
.icon-di-zombie:before,
.icon-double-angle-down:before,
.icon-double-angle-left:before,
.icon-double-angle-right:before,
.icon-double-angle-up:before,
.icon-download:before,
.icon-download-alt:before,
.icon-dribbble:before,
.icon-dropbox:before,
.icon-edit:before,
.icon-edit-sign:before,
.icon-eject:before,
.icon-ellipsis-horizontal:before,
.icon-ellipsis-vertical:before,
.icon-envelope:before,
.icon-envelope-alt:before,
.icon-eraser:before,
.icon-eur:before,
.icon-exchange:before,
.icon-exclamation:before,
.icon-exclamation-sign:before,
.icon-expand:before,
.icon-expand-alt:before,
.icon-external-link:before,
.icon-external-link-sign:before,
.icon-eye-close:before,
.icon-eye-open:before,
.icon-facebook:before,
.icon-facebook-sign:before,
.icon-facetime-video:before,
.icon-fast-backward:before,
.icon-fast-forward:before,
.icon-female:before,
.icon-fighter-jet:before,
.icon-file:before,
.icon-file-alt:before,
.icon-file-text:before,
.icon-file-text-alt:before,
.icon-film:before,
.icon-filter:before,
.icon-fire:before,
.icon-fire-extinguisher:before,
.icon-flag:before,
.icon-flag-alt:before,
.icon-flag-checkered:before,
.icon-flickr:before,
.icon-folder-close:before,
.icon-folder-close-alt:before,
.icon-folder-open:before,
.icon-folder-open-alt:before,
.icon-font:before,
.icon-food:before,
.icon-forward:before,
.icon-foursquare:before,
.icon-frown:before,
.icon-fullscreen:before,
.icon-gamepad:before,
.icon-gbp:before,
.icon-gift:before,
.icon-github:before,
.icon-github-alt:before,
.icon-github-sign:before,
.icon-gittip:before,
.icon-glass:before,
.icon-globe:before,
.icon-google-plus:before,
.icon-google-plus-sign:before,
.icon-group:before,
.icon-h-sign:before,
.icon-hand-down:before,
.icon-hand-left:before,
.icon-hand-right:before,
.icon-hand-up:before,
.icon-hdd:before,
.icon-headphones:before,
.icon-heart:before,
.icon-heart-empty:before,
.icon-home:before,
.icon-hospital:before,
.icon-html5:before,
.icon-inbox:before,
.icon-indent-left:before,
.icon-indent-right:before,
.icon-info:before,
.icon-info-sign:before,
.icon-inr:before,
.icon-instagram:before,
.icon-italic:before,
.icon-jpy:before,
.icon-key:before,
.icon-keyboard:before,
.icon-krw:before,
.icon-laptop:before,
.icon-leaf:before,
.icon-legal:before,
.icon-lemon:before,
.icon-level-down:before,
.icon-level-up:before,
.icon-lightbulb:before,
.icon-link:before,
.icon-linkedin:before,
.icon-linkedin-sign:before,
.icon-linux:before,
.icon-list:before,
.icon-list-alt:before,
.icon-list-ol:before,
.icon-list-ul:before,
.icon-location-arrow:before,
.icon-lock:before,
.icon-long-arrow-down:before,
.icon-long-arrow-left:before,
.icon-long-arrow-right:before,
.icon-long-arrow-up:before,
.icon-magic:before,
.icon-magnet:before,
.icon-male:before,
.icon-map-marker:before,
.icon-maxcdn:before,
.icon-medkit:before,
.icon-meh:before,
.icon-microphone:before,
.icon-microphone-off:before,
.icon-minus:before,
.icon-minus-sign:before,
.icon-minus-sign-alt:before,
.icon-mobile-phone:before,
.icon-money:before,
.icon-moon:before,
.icon-move:before,
.icon-music:before,
.icon-np-category:before,
.icon-np-chair:before,
.icon-np-charity:before,
.icon-np-contour:before,
.icon-np-coworking:before,
.icon-np-cue-drag-down:before,
.icon-np-cue-drag-horizontal:before,
.icon-np-cue-drag-left:before,
.icon-np-cue-drag-omnidirectional:before,
.icon-np-cue-drag-right:before,
.icon-np-cue-drag-up:before,
.icon-np-cue-drag-vertical:before,
.icon-np-cue-flick-down:before,
.icon-np-cue-flick-horizontal:before,
.icon-np-cue-flick-left:before,
.icon-np-cue-flick-omnidirectional:before,
.icon-np-cue-flick-right:before,
.icon-np-cue-flick-up:before,
.icon-np-cue-flick-vertical:before,
.icon-np-cue-pinch:before,
.icon-np-cue-rotate-clockwise:before,
.icon-np-cue-rotate-counterclockwise:before,
.icon-np-cue-spread:before,
.icon-np-cue-swipe-down:before,
.icon-np-cue-swipe-horizontal:before,
.icon-np-cue-swipe-left:before,
.icon-np-cue-swipe-omnidirectional:before,
.icon-np-cue-swipe-right:before,
.icon-np-cue-swipe-two-finger-down:before,
.icon-np-cue-swipe-two-finger-horizontal:before,
.icon-np-cue-swipe-two-finger-left:before,
.icon-np-cue-swipe-two-finger-omnidirectional:before,
.icon-np-cue-swipe-two-finger-right:before,
.icon-np-cue-swipe-two-finger-up:before,
.icon-np-cue-swipe-two-finger-vertical:before,
.icon-np-cue-swipe-up:before,
.icon-np-cue-swipe-vertical:before,
.icon-np-cue-tap:before,
.icon-np-cue-tap-double:before,
.icon-np-cue-tap-double-two-finger:before,
.icon-np-cue-tap-hold:before,
.icon-np-cue-tap-triple:before,
.icon-np-cue-tap-triple-two-finger:before,
.icon-np-cue-tap-two-finger:before,
.icon-np-diamond:before,
.icon-np-drone:before,
.icon-np-foe-andorian:before,
.icon-np-foe-blackblood:before,
.icon-np-foe-borg:before,
.icon-np-foe-chucky:before,
.icon-np-foe-cylon:before,
.icon-np-foe-freddy-kruegger:before,
.icon-np-foe-gremlin:before,
.icon-np-foe-hammerstein:before,
.icon-np-foe-hellraiser:before,
.icon-np-foe-jason-voorhees:before,
.icon-np-foe-jocker:before,
.icon-np-foe-joe-pineapples:before,
.icon-np-foe-klingon:before,
.icon-np-foe-michael-myers:before,
.icon-np-foe-mongrol:before,
.icon-np-foe-spawn:before,
.icon-np-foe-vulcan:before,
.icon-np-footprint-left:before,
.icon-np-footprint-right:before,
.icon-np-ghost:before,
.icon-np-jpf-aichi:before,
.icon-np-jpf-chiba:before,
.icon-np-jpf-fukuoka:before,
.icon-np-jpf-fukushima:before,
.icon-np-jpf-gifu:before,
.icon-np-jpf-gunma:before,
.icon-np-jpf-hiroshima:before,
.icon-np-jpf-hokkaido:before,
.icon-np-jpf-hyogo:before,
.icon-np-jpf-ibaraki:before,
.icon-np-jpf-kagoshima:before,
.icon-np-jpf-kanagawa:before,
.icon-np-jpf-kumamoto:before,
.icon-np-jpf-kyoto:before,
.icon-np-jpf-mie:before,
.icon-np-jpf-miyagi:before,
.icon-np-jpf-nagano:before,
.icon-np-jpf-nagasaki:before,
.icon-np-jpf-niigata:before,
.icon-np-jpf-okayama:before,
.icon-np-jpf-okinawa:before,
.icon-np-jpf-osaka:before,
.icon-np-jpf-saitama:before,
.icon-np-jpf-shizuoka:before,
.icon-np-jpf-tochigi:before,
.icon-np-jpf-tokyo:before,
.icon-np-leak:before,
.icon-np-moustache:before,
.icon-np-ninja:before,
.icon-np-palette:before,
.icon-np-pills:before,
.icon-np-sofa:before,
.icon-np-test-dummy:before,
.icon-np-translation:before,
.icon-np-user:before,
.icon-np-wthr-cloud:before,
.icon-np-wthr-cloud-moon:before,
.icon-np-wthr-cloud-sun:before,
.icon-np-wthr-clouds:before,
.icon-np-wthr-clouds-moon:before,
.icon-np-wthr-clouds-sun:before,
.icon-np-wthr-drops:before,
.icon-np-wthr-freezing-rain:before,
.icon-np-wthr-freezing-rain-cloud:before,
.icon-np-wthr-freezing-rain-moon:before,
.icon-np-wthr-freezing-rain-sun:before,
.icon-np-wthr-hail-heavy:before,
.icon-np-wthr-hail-heavy-cloud:before,
.icon-np-wthr-hail-heavy-moon:before,
.icon-np-wthr-hail-heavy-sun:before,
.icon-np-wthr-hail-light:before,
.icon-np-wthr-hail-light-cloud:before,
.icon-np-wthr-hail-light-moon:before,
.icon-np-wthr-hail-light-sun:before,
.icon-np-wthr-hail-moderate:before,
.icon-np-wthr-hail-moderate-cloud:before,
.icon-np-wthr-hail-moderate-moon:before,
.icon-np-wthr-hail-moderate-sun:before,
.icon-np-wthr-hail-rain:before,
.icon-np-wthr-hail-rain-cloud:before,
.icon-np-wthr-hail-rain-moon:before,
.icon-np-wthr-hail-rain-sun:before,
.icon-np-wthr-ice-pellets-heavy:before,
.icon-np-wthr-ice-pellets-heavy-cloud:before,
.icon-np-wthr-ice-pellets-heavy-moon:before,
.icon-np-wthr-ice-pellets-heavy-sun:before,
.icon-np-wthr-ice-pellets-light:before,
.icon-np-wthr-ice-pellets-light-cloud:before,
.icon-np-wthr-ice-pellets-light-moon:before,
.icon-np-wthr-ice-pellets-light-sun:before,
.icon-np-wthr-ice-pellets-moderate:before,
.icon-np-wthr-ice-pellets-moderate-cloud:before,
.icon-np-wthr-ice-pellets-moderate-moon:before,
.icon-np-wthr-ice-pellets-moderate-sun:before,
.icon-np-wthr-lightning:before,
.icon-np-wthr-lightning-heavy:before,
.icon-np-wthr-lightning-heavy-moon:before,
.icon-np-wthr-lightning-heavy-sun:before,
.icon-np-wthr-lightning-moon:before,
.icon-np-wthr-lightning-sun:before,
.icon-np-wthr-moon:before,
.icon-np-wthr-moon-first-quarter:before,
.icon-np-wthr-moon-full:before,
.icon-np-wthr-moon-new:before,
.icon-np-wthr-moon-third-quarter:before,
.icon-np-wthr-moon-waning-crescent:before,
.icon-np-wthr-moon-waning-gibbous:before,
.icon-np-wthr-moon-waxing-crescent:before,
.icon-np-wthr-moon-waxing-gibbous:before,
.icon-np-wthr-rain-heavy:before,
.icon-np-wthr-rain-heavy-cloud:before,
.icon-np-wthr-rain-heavy-moon:before,
.icon-np-wthr-rain-heavy-sun:before,
.icon-np-wthr-rain-light:before,
.icon-np-wthr-rain-light-moon:before,
.icon-np-wthr-rain-moderate:before,
.icon-np-wthr-rain-moderate-cloud:before,
.icon-np-wthr-rain-moderate-moon:before,
.icon-np-wthr-rain-moderate-sun:before,
.icon-np-wthr-snow-heavy:before,
.icon-np-wthr-snow-heavy-cloud:before,
.icon-np-wthr-snow-heavy-moon:before,
.icon-np-wthr-snow-heavy-sun:before,
.icon-np-wthr-snow-light:before,
.icon-np-wthr-snow-light-cloud:before,
.icon-np-wthr-snow-light-moon:before,
.icon-np-wthr-snow-light-sun:before,
.icon-np-wthr-snow-moderate:before,
.icon-np-wthr-snow-moderate-cloud:before,
.icon-np-wthr-snow-moderate-moon:before,
.icon-np-wthr-snow-moderate-sun:before,
.icon-np-wthr-snow-rain:before,
.icon-np-wthr-snow-rain-cloud:before,
.icon-np-wthr-snow-rain-moon:before,
.icon-np-wthr-snow-rain-sun:before,
.icon-np-wthr-sun:before,
.icon-np-wthr-temperature-higher:before,
.icon-np-wthr-temperature-lower:before,
.icon-np-wthr-tornado:before,
.icon-np-wthr-two-cloud:before,
.icon-np-wthr-umbrella:before,
.icon-np-wthr-umbrella-rain:before,
.icon-np-wthr-wind-heavy:before,
.icon-np-wthr-wind-light:before,
.icon-np-wthr-wind-moderate:before,
.icon-off:before,
.icon-ok:before,
.icon-ok-circle:before,
.icon-ok-sign:before,
.icon-paper-clip:before,
.icon-paste:before,
.icon-pause:before,
.icon-pct-3dsmax:before,
.icon-pct-actionscript:before,
.icon-pct-adb-acrobat:before,
.icon-pct-adb-aftereffects:before,
.icon-pct-adb-audition:before,
.icon-pct-adb-bridge:before,
.icon-pct-adb-captivate:before,
.icon-pct-adb-contribute:before,
.icon-pct-adb-dreamweaver:before,
.icon-pct-adb-encore:before,
.icon-pct-adb-fireworks:before,
.icon-pct-adb-flash:before,
.icon-pct-adb-flashbldr:before,
.icon-pct-adb-framemaker:before,
.icon-pct-adb-illustrator:before,
.icon-pct-adb-indesign:before,
.icon-pct-adb-lightroom:before,
.icon-pct-adb-onlocation:before,
.icon-pct-adb-photoshop:before,
.icon-pct-adb-prelude:before,
.icon-pct-adb-premiere:before,
.icon-pct-adb-robohelp:before,
.icon-pct-adb-speedgrade:before,
.icon-pct-aim:before,
.icon-pct-air:before,
.icon-pct-amazon:before,
.icon-pct-android:before,
.icon-pct-angularjs:before,
.icon-pct-apple-sign:before,
.icon-pct-area-chart-black:before,
.icon-pct-area-chart-white:before,
.icon-pct-aspnet:before,
.icon-pct-atom:before,
.icon-pct-atoms-2:before,
.icon-pct-atoms-3:before,
.icon-pct-atoms-4:before,
.icon-pct-audiobox:before,
.icon-pct-autocad:before,
.icon-pct-autocad-lt:before,
.icon-pct-ayyavazhi:before,
.icon-pct-ayyavazhi-sign:before,
.icon-pct-backbonejs:before,
.icon-pct-background:before,
.icon-pct-bahai:before,
.icon-pct-bahai-sign:before,
.icon-pct-baidu:before,
.icon-pct-bandcamp:before,
.icon-pct-bar-chart-horizontal:before,
.icon-pct-bar-chart-stacked:before,
.icon-pct-bar-chart-vertical:before,
.icon-pct-barcode:before,
.icon-pct-bash:before,
.icon-pct-basic:before,
.icon-pct-battery-charge-0:before,
.icon-pct-battery-charge-1:before,
.icon-pct-battery-charge-2:before,
.icon-pct-battery-charge-3:before,
.icon-pct-bazaar:before,
.icon-pct-bear-face:before,
.icon-pct-bebo:before,
.icon-pct-behance:before,
.icon-pct-bell:before,
.icon-pct-bells:before,
.icon-pct-biohazard:before,
.icon-pct-blender:before,
.icon-pct-blinklist:before,
.icon-pct-blip:before,
.icon-pct-blogger:before,
.icon-pct-book-perspective-flat:before,
.icon-pct-book-perspective-upright:before,
.icon-pct-book-perspective-upright-bookmark:before,
.icon-pct-books-perspective-flat:before,
.icon-pct-books-perspective-upright:before,
.icon-pct-box-com:before,
.icon-pct-box-wrench:before,
.icon-pct-browser-chrome:before,
.icon-pct-browser-explorer:before,
.icon-pct-browser-firefox:before,
.icon-pct-browser-opera:before,
.icon-pct-browser-safari:before,
.icon-pct-buddhism:before,
.icon-pct-buddhism-sign:before,
.icon-pct-bull-face:before,
.icon-pct-c:before,
.icon-pct-cakephp:before,
.icon-pct-cassandra:before,
.icon-pct-cat-face:before,
.icon-pct-ccplusplus:before,
.icon-pct-cherrypy:before,
.icon-pct-chick-face:before,
.icon-pct-christianity-cross:before,
.icon-pct-christianity-cross-sign:before,
.icon-pct-christianity-fish:before,
.icon-pct-christianity-fish-sign:before,
.icon-pct-cinema4d:before,
.icon-pct-cli:before,
.icon-pct-clojure:before,
.icon-pct-cloth-button:before,
.icon-pct-cobol:before,
.icon-pct-codeigniter:before,
.icon-pct-codepen-black:before,
.icon-pct-codepen-white:before,
.icon-pct-coffeescript:before,
.icon-pct-coffin:before,
.icon-pct-coins-three:before,
.icon-pct-coins-two:before,
.icon-pct-combination-wrench:before,
.icon-pct-combo-chart:before,
.icon-pct-corel-draw:before,
.icon-pct-corel-painter:before,
.icon-pct-couchdb:before,
.icon-pct-count:before,
.icon-pct-cow-face:before,
.icon-pct-cplusplus:before,
.icon-pct-creativesloth:before,
.icon-pct-crest-banner:before,
.icon-pct-crest-border:before,
.icon-pct-crest-checkered:before,
.icon-pct-crest-cross:before,
.icon-pct-crest-crown-emperor:before,
.icon-pct-crest-crown-king:before,
.icon-pct-crest-crown-queen:before,
.icon-pct-crest-fleur-de-lis:before,
.icon-pct-crest-heart:before,
.icon-pct-crest-moon:before,
.icon-pct-crest-split:before,
.icon-pct-crest-star:before,
.icon-pct-crest-stripe:before,
.icon-pct-crest-white-cross:before,
.icon-pct-crest-white-heart:before,
.icon-pct-crest-white-moon:before,
.icon-pct-crest-white-star:before,
.icon-pct-crop:before,
.icon-pct-csharp:before,
.icon-pct-css3-crest:before,
.icon-pct-dart:before,
.icon-pct-database-table:before,
.icon-pct-database-table-header:before,
.icon-pct-database-tables:before,
.icon-pct-database-tables-header:before,
.icon-pct-database-three:before,
.icon-pct-database-three-add:before,
.icon-pct-database-three-apply:before,
.icon-pct-database-three-connect:before,
.icon-pct-database-three-delete:before,
.icon-pct-database-three-download:before,
.icon-pct-database-three-edit:before,
.icon-pct-database-three-favourite:before,
.icon-pct-database-three-firstrecord:before,
.icon-pct-database-three-lastrecord:before,
.icon-pct-database-three-lock:before,
.icon-pct-database-three-network:before,
.icon-pct-database-three-new:before,
.icon-pct-database-three-nextrecord:before,
.icon-pct-database-three-prevrecord:before,
.icon-pct-database-three-redo:before,
.icon-pct-database-three-refresh:before,
.icon-pct-database-three-remote:before,
.icon-pct-database-three-remove:before,
.icon-pct-database-three-repair:before,
.icon-pct-database-three-search:before,
.icon-pct-database-three-settings:before,
.icon-pct-database-three-time:before,
.icon-pct-database-three-undo:before,
.icon-pct-database-three-unlock:before,
.icon-pct-database-three-upload:before,
.icon-pct-database-three-user:before,
.icon-pct-database-three-warning:before,
.icon-pct-database-two:before,
.icon-pct-database-two-add:before,
.icon-pct-database-two-apply:before,
.icon-pct-database-two-connect:before,
.icon-pct-database-two-delete:before,
.icon-pct-database-two-download:before,
.icon-pct-database-two-edit:before,
.icon-pct-database-two-favourite:before,
.icon-pct-database-two-firstrecord:before,
.icon-pct-database-two-lastrecord:before,
.icon-pct-database-two-lock:before,
.icon-pct-database-two-network:before,
.icon-pct-database-two-new:before,
.icon-pct-database-two-nextrecord:before,
.icon-pct-database-two-prevrecord:before,
.icon-pct-database-two-redo:before,
.icon-pct-database-two-refresh:before,
.icon-pct-database-two-remote:before,
.icon-pct-database-two-remove:before,
.icon-pct-database-two-repair:before,
.icon-pct-database-two-search:before,
.icon-pct-database-two-settings:before,
.icon-pct-database-two-sql:before,
.icon-pct-database-two-time:before,
.icon-pct-database-two-undo:before,
.icon-pct-database-two-unlock:before,
.icon-pct-database-two-upload:before,
.icon-pct-database-two-user:before,
.icon-pct-database-two-warning:before,
.icon-pct-datacube-black:before,
.icon-pct-datacube-black-network:before,
.icon-pct-datacube-white:before,
.icon-pct-datacube-white-network:before,
.icon-pct-delicious:before,
.icon-pct-delphi:before,
.icon-pct-delphi-sign:before,
.icon-pct-design-float:before,
.icon-pct-deviantart:before,
.icon-pct-dice-1:before,
.icon-pct-dice-2:before,
.icon-pct-dice-3:before,
.icon-pct-dice-4:before,
.icon-pct-dice-5:before,
.icon-pct-dice-6:before,
.icon-pct-digg:before,
.icon-pct-django:before,
.icon-pct-dog-face:before,
.icon-pct-dotnet:before,
.icon-pct-drupal:before,
.icon-pct-egg:before,
.icon-pct-elephant-face:before,
.icon-pct-erlang:before,
.icon-pct-evernote:before,
.icon-pct-expression:before,
.icon-pct-face-agent:before,
.icon-pct-face-alien:before,
.icon-pct-face-angel:before,
.icon-pct-face-batman:before,
.icon-pct-face-beaten:before,
.icon-pct-face-blank:before,
.icon-pct-face-blank-dark:before,
.icon-pct-face-captain-america:before,
.icon-pct-face-catwoman:before,
.icon-pct-face-chibi:before,
.icon-pct-face-confused:before,
.icon-pct-face-confused-dark:before,
.icon-pct-face-cry:before,
.icon-pct-face-cute-sad:before,
.icon-pct-face-cyclops:before,
.icon-pct-face-daredevil:before,
.icon-pct-face-dead:before,
.icon-pct-face-dead-dark:before,
.icon-pct-face-deadpool:before,
.icon-pct-face-delirium:before,
.icon-pct-face-desperate:before,
.icon-pct-face-dr-doom:before,
.icon-pct-face-enjoy:before,
.icon-pct-face-evil:before,
.icon-pct-face-evil-dark:before,
.icon-pct-face-friendly:before,
.icon-pct-face-fury:before,
.icon-pct-face-glasses:before,
.icon-pct-face-groucho:before,
.icon-pct-face-happy:before,
.icon-pct-face-happy-dark:before,
.icon-pct-face-hawkeye:before,
.icon-pct-face-ironman:before,
.icon-pct-face-kiss:before,
.icon-pct-face-kolombo:before,
.icon-pct-face-lively:before,
.icon-pct-face-lost:before,
.icon-pct-face-love:before,
.icon-pct-face-love-dark:before,
.icon-pct-face-morte:before,
.icon-pct-face-moustache:before,
.icon-pct-face-moustache-small:before,
.icon-pct-face-ninja-dark:before,
.icon-pct-face-nomimic:before,
.icon-pct-face-nomimic-dark:before,
.icon-pct-face-nooo:before,
.icon-pct-face-peace:before,
.icon-pct-face-pirate:before,
.icon-pct-face-popped:before,
.icon-pct-face-puzzle:before,
.icon-pct-face-reckless:before,
.icon-pct-face-rofl:before,
.icon-pct-face-sad:before,
.icon-pct-face-sad-dark:before,
.icon-pct-face-shiny:before,
.icon-pct-face-shocked:before,
.icon-pct-face-shocked-dark:before,
.icon-pct-face-sick:before,
.icon-pct-face-skeleton:before,
.icon-pct-face-sleep:before,
.icon-pct-face-smiletoo:before,
.icon-pct-face-snob:before,
.icon-pct-face-snob-dark:before,
.icon-pct-face-spiderman:before,
.icon-pct-face-spoil:before,
.icon-pct-face-spoil-dark:before,
.icon-pct-face-sushi:before,
.icon-pct-face-sweat:before,
.icon-pct-face-thor:before,
.icon-pct-face-vampire:before,
.icon-pct-face-vampire-dark:before,
.icon-pct-face-venom:before,
.icon-pct-face-wing-dark:before,
.icon-pct-face-wink:before,
.icon-pct-face-wolverine:before,
.icon-pct-face-yawn:before,
.icon-pct-face-yuck:before,
.icon-pct-face-yumm:before,
.icon-pct-feedburner:before,
.icon-pct-fighter-jet-f16:before,
.icon-pct-fighter-jet-f22:before,
.icon-pct-fighter-jet-f35:before,
.icon-pct-folder-horizontal:before,
.icon-pct-folder-horizontal-add:before,
.icon-pct-folder-horizontal-delete:before,
.icon-pct-folder-horizontal-download:before,
.icon-pct-folder-horizontal-favorite:before,
.icon-pct-folder-horizontal-like:before,
.icon-pct-folder-horizontal-redo:before,
.icon-pct-folder-horizontal-remove:before,
.icon-pct-folder-horizontal-search:before,
.icon-pct-folder-horizontal-settings:before,
.icon-pct-folder-horizontal-undo:before,
.icon-pct-folder-horizontal-upload:before,
.icon-pct-folder-horizontal-user:before,
.icon-pct-folder-vertical:before,
.icon-pct-folder-vertical-add:before,
.icon-pct-folder-vertical-delete:before,
.icon-pct-folder-vertical-download:before,
.icon-pct-folder-vertical-favorite:before,
.icon-pct-folder-vertical-like:before,
.icon-pct-folder-vertical-redo:before,
.icon-pct-folder-vertical-remove:before,
.icon-pct-folder-vertical-search:before,
.icon-pct-folder-vertical-undo:before,
.icon-pct-folder-vertical-upload:before,
.icon-pct-folder-vertical-user:before,
.icon-pct-foreground:before,
.icon-pct-formspring:before,
.icon-pct-forrst:before,
.icon-pct-fortran:before,
.icon-pct-fossil:before,
.icon-pct-freemasonry:before,
.icon-pct-freemasonry-sign:before,
.icon-pct-fresqui:before,
.icon-pct-friendfeed:before,
.icon-pct-frog-face:before,
.icon-pct-game-controller-buttons:before,
.icon-pct-gauge-basic:before,
.icon-pct-gauge-empty-full:before,
.icon-pct-gauge-odometer:before,
.icon-pct-gauge-range-black:before,
.icon-pct-gauge-range-white:before,
.icon-pct-gauge-swoosh:before,
.icon-pct-gazelle-face:before,
.icon-pct-ghost-mouth-black:before,
.icon-pct-ghost-mouth-white:before,
.icon-pct-giraffe-face:before,
.icon-pct-git:before,
.icon-pct-gmail:before,
.icon-pct-go:before,
.icon-pct-google:before,
.icon-pct-google-currents:before,
.icon-pct-google-drive:before,
.icon-pct-gradient:before,
.icon-pct-grooveshark:before,
.icon-pct-groovy:before,
.icon-pct-habrahbr:before,
.icon-pct-hadoop:before,
.icon-pct-hand-left:before,
.icon-pct-hand-right:before,
.icon-pct-hands-left-up:before,
.icon-pct-hands-right-up:before,
.icon-pct-haskell:before,
.icon-pct-hbase:before,
.icon-pct-heart-broken:before,
.icon-pct-hearts:before,
.icon-pct-heels:before,
.icon-pct-hexagon:before,
.icon-pct-hi5:before,
.icon-pct-hinduism:before,
.icon-pct-hinduism-sign:before,
.icon-pct-hippopotamus-face:before,
.icon-pct-houdini:before,
.icon-pct-howling-wolf:before,
.icon-pct-html5-crest:before,
.icon-pct-hyves:before,
.icon-pct-icq:before,
.icon-pct-identi-ca:before,
.icon-pct-imgur:before,
.icon-pct-inbox-multiple:before,
.icon-pct-inbox-single:before,
.icon-pct-indent-left:before,
.icon-pct-indent-right:before,
.icon-pct-infinity:before,
.icon-pct-infinity-sign:before,
.icon-pct-instapaper:before,
.icon-pct-ios:before,
.icon-pct-ios-sign:before,
.icon-pct-islam:before,
.icon-pct-islam-sign:before,
.icon-pct-jainism:before,
.icon-pct-jainism-sign:before,
.icon-pct-java:before,
.icon-pct-joomla:before,
.icon-pct-jquery:before,
.icon-pct-js:before,
.icon-pct-js-sign:before,
.icon-pct-jsfiddle:before,
.icon-pct-judaism:before,
.icon-pct-judaism-sign:before,
.icon-pct-kaboodle:before,
.icon-pct-koala-face:before,
.icon-pct-last-fm:before,
.icon-pct-lightwave:before,
.icon-pct-line-chart:before,
.icon-pct-linux-centos:before,
.icon-pct-linux-debian:before,
.icon-pct-linux-fedora:before,
.icon-pct-linux-redhat:before,
.icon-pct-linux-tux:before,
.icon-pct-linux-tux-sign:before,
.icon-pct-linux-ubuntu:before,
.icon-pct-lion-face:before,
.icon-pct-lisp:before,
.icon-pct-livejournal:before,
.icon-pct-lua:before,
.icon-pct-magento:before,
.icon-pct-mailru:before,
.icon-pct-map-marker-bubble-black-blank:before,
.icon-pct-map-marker-bubble-black-letter-A:before,
.icon-pct-map-marker-bubble-black-letter-B:before,
.icon-pct-map-marker-bubble-black-letter-C:before,
.icon-pct-map-marker-bubble-black-letter-D:before,
.icon-pct-map-marker-bubble-black-letter-E:before,
.icon-pct-map-marker-bubble-black-letter-F:before,
.icon-pct-map-marker-bubble-black-letter-G:before,
.icon-pct-map-marker-bubble-black-letter-H:before,
.icon-pct-map-marker-bubble-black-letter-I:before,
.icon-pct-map-marker-bubble-black-number-01:before,
.icon-pct-map-marker-bubble-black-number-02:before,
.icon-pct-map-marker-bubble-black-number-03:before,
.icon-pct-map-marker-bubble-black-number-04:before,
.icon-pct-map-marker-bubble-black-number-05:before,
.icon-pct-map-marker-bubble-black-number-06:before,
.icon-pct-map-marker-bubble-black-number-07:before,
.icon-pct-map-marker-bubble-black-number-08:before,
.icon-pct-map-marker-bubble-black-number-09:before,
.icon-pct-map-marker-bubble-black-symbol-airplane:before,
.icon-pct-map-marker-bubble-black-symbol-anchor:before,
.icon-pct-map-marker-bubble-black-symbol-favorite:before,
.icon-pct-map-marker-bubble-black-symbol-love:before,
.icon-pct-map-marker-bubble-black-symbol-music:before,
.icon-pct-map-marker-bubble-black-symbol-phone:before,
.icon-pct-map-marker-bubble-white-blank:before,
.icon-pct-map-marker-bubble-white-letter-A:before,
.icon-pct-map-marker-bubble-white-letter-B:before,
.icon-pct-map-marker-bubble-white-letter-C:before,
.icon-pct-map-marker-bubble-white-letter-D:before,
.icon-pct-map-marker-bubble-white-letter-E:before,
.icon-pct-map-marker-bubble-white-letter-F:before,
.icon-pct-map-marker-bubble-white-letter-G:before,
.icon-pct-map-marker-bubble-white-letter-H:before,
.icon-pct-map-marker-bubble-white-letter-I:before,
.icon-pct-map-marker-bubble-white-number-01:before,
.icon-pct-map-marker-bubble-white-number-02:before,
.icon-pct-map-marker-bubble-white-number-03:before,
.icon-pct-map-marker-bubble-white-number-04:before,
.icon-pct-map-marker-bubble-white-number-05:before,
.icon-pct-map-marker-bubble-white-number-06:before,
.icon-pct-map-marker-bubble-white-number-07:before,
.icon-pct-map-marker-bubble-white-number-08:before,
.icon-pct-map-marker-bubble-white-number-09:before,
.icon-pct-map-marker-bubble-white-symbol-airplane:before,
.icon-pct-map-marker-bubble-white-symbol-anchor:before,
.icon-pct-map-marker-bubble-white-symbol-favorite:before,
.icon-pct-map-marker-bubble-white-symbol-love:before,
.icon-pct-map-marker-bubble-white-symbol-music:before,
.icon-pct-map-marker-bubble-white-symbol-phone:before,
.icon-pct-map-marker-pin-black-blank:before,
.icon-pct-map-marker-pin-black-letter-a:before,
.icon-pct-map-marker-pin-black-letter-b:before,
.icon-pct-map-marker-pin-black-letter-c:before,
.icon-pct-map-marker-pin-black-letter-d:before,
.icon-pct-map-marker-pin-black-letter-e:before,
.icon-pct-map-marker-pin-black-letter-f:before,
.icon-pct-map-marker-pin-black-letter-g:before,
.icon-pct-map-marker-pin-black-letter-h:before,
.icon-pct-map-marker-pin-black-letter-i:before,
.icon-pct-map-marker-pin-black-number-01:before,
.icon-pct-map-marker-pin-black-number-02:before,
.icon-pct-map-marker-pin-black-number-03:before,
.icon-pct-map-marker-pin-black-number-04:before,
.icon-pct-map-marker-pin-black-number-05:before,
.icon-pct-map-marker-pin-black-number-06:before,
.icon-pct-map-marker-pin-black-number-07:before,
.icon-pct-map-marker-pin-black-number-08:before,
.icon-pct-map-marker-pin-black-number-09:before,
.icon-pct-map-marker-pin-black-symbol-airplane:before,
.icon-pct-map-marker-pin-black-symbol-anchor:before,
.icon-pct-map-marker-pin-black-symbol-favorite:before,
.icon-pct-map-marker-pin-black-symbol-love:before,
.icon-pct-map-marker-pin-black-symbol-music:before,
.icon-pct-map-marker-pin-black-symbol-phone:before,
.icon-pct-map-marker-pin-white-blank:before,
.icon-pct-map-marker-pin-white-letter-a:before,
.icon-pct-map-marker-pin-white-letter-b:before,
.icon-pct-map-marker-pin-white-letter-c:before,
.icon-pct-map-marker-pin-white-letter-d:before,
.icon-pct-map-marker-pin-white-letter-e:before,
.icon-pct-map-marker-pin-white-letter-f:before,
.icon-pct-map-marker-pin-white-letter-g:before,
.icon-pct-map-marker-pin-white-letter-h:before,
.icon-pct-map-marker-pin-white-letter-i:before,
.icon-pct-map-marker-pin-white-number-01:before,
.icon-pct-map-marker-pin-white-number-02:before,
.icon-pct-map-marker-pin-white-number-03:before,
.icon-pct-map-marker-pin-white-number-04:before,
.icon-pct-map-marker-pin-white-number-05:before,
.icon-pct-map-marker-pin-white-number-06:before,
.icon-pct-map-marker-pin-white-number-07:before,
.icon-pct-map-marker-pin-white-number-08:before,
.icon-pct-map-marker-pin-white-number-09:before,
.icon-pct-map-marker-pin-white-symbol-airplane:before,
.icon-pct-map-marker-pin-white-symbol-anchor:before,
.icon-pct-map-marker-pin-white-symbol-favorite:before,
.icon-pct-map-marker-pin-white-symbol-love:before,
.icon-pct-map-marker-pin-white-symbol-music:before,
.icon-pct-map-marker-pin-white-symbol-phone:before,
.icon-pct-matlab:before,
.icon-pct-maya:before,
.icon-pct-mercurial:before,
.icon-pct-microchip:before,
.icon-pct-military-helmet:before,
.icon-pct-modo:before,
.icon-pct-mongodb:before,
.icon-pct-monkey-face:before,
.icon-pct-monkey-wrench:before,
.icon-pct-mootools:before,
.icon-pct-mute:before,
.icon-pct-mute-sign:before,
.icon-pct-myspace:before,
.icon-pct-mysql:before,
.icon-pct-neo4j:before,
.icon-pct-netlog:before,
.icon-pct-news-for-gamers:before,
.icon-pct-newsvine:before,
.icon-pct-nodejs:before,
.icon-pct-nodejs-text:before,
.icon-pct-nosql-sign:before,
.icon-pct-nut:before,
.icon-pct-objc:before,
.icon-pct-odnoklassniki:before,
.icon-pct-orkut:before,
.icon-pct-osx:before,
.icon-pct-osx-sign:before,
.icon-pct-owl-face:before,
.icon-pct-paganism-hammer:before,
.icon-pct-paganism-hammer-sign:before,
.icon-pct-paganism-pentacle:before,
.icon-pct-paganism-pentacle-sign:before,
.icon-pct-paganism-triskele:before,
.icon-pct-paganism-triskele-sign:before,
.icon-pct-paganism-wicca:before,
.icon-pct-paganism-wicca-sign:before,
.icon-pct-panda-face:before,
.icon-pct-panther-face:before,
.icon-pct-paypal:before,
.icon-pct-penguin-face:before,
.icon-pct-perl:before,
.icon-pct-php:before,
.icon-pct-php-sign:before,
.icon-pct-picasa:before,
.icon-pct-pie-chart-black:before,
.icon-pct-pie-chart-outline-black:before,
.icon-pct-pie-chart-outline-white:before,
.icon-pct-pie-chart-white:before,
.icon-pct-pie-slice-black-1:before,
.icon-pct-pie-slice-black-2:before,
.icon-pct-pie-slice-black-3:before,
.icon-pct-pie-slice-black-4:before,
.icon-pct-pie-slice-black-5:before,
.icon-pct-pie-slice-black-6:before,
.icon-pct-pie-slice-black-7:before,
.icon-pct-pie-slice-black-8:before,
.icon-pct-pie-slice-white-1:before,
.icon-pct-pie-slice-white-2:before,
.icon-pct-pie-slice-white-3:before,
.icon-pct-pie-slice-white-4:before,
.icon-pct-pie-slice-white-5:before,
.icon-pct-pie-slice-white-6:before,
.icon-pct-pie-slice-white-7:before,
.icon-pct-pie-slice-white-8:before,
.icon-pct-pig-face:before,
.icon-pct-pincers:before,
.icon-pct-plaxo:before,
.icon-pct-portable-game-console:before,
.icon-pct-portable-hdd:before,
.icon-pct-portable-ssd:before,
.icon-pct-postgresql:before,
.icon-pct-pylons:before,
.icon-pct-pylons-sign:before,
.icon-pct-python:before,
.icon-pct-rabbit-face:before,
.icon-pct-rails:before,
.icon-pct-rdio:before,
.icon-pct-rectangle:before,
.icon-pct-rectangle-rounded:before,
.icon-pct-recycling-triangle-black:before,
.icon-pct-recycling-triangle-mixed:before,
.icon-pct-recycling-triangle-sign:before,
.icon-pct-recycling-triangle-white:before,
.icon-pct-reddit:before,
.icon-pct-redis:before,
.icon-pct-reflect:before,
.icon-pct-renren:before,
.icon-pct-repeat:before,
.icon-pct-repeat-all:before,
.icon-pct-repeat-one:before,
.icon-pct-reticle-angles:before,
.icon-pct-reticle-axes:before,
.icon-pct-reticle-ticks:before,
.icon-pct-riak:before,
.icon-pct-rotate:before,
.icon-pct-ruby:before,
.icon-pct-scala:before,
.icon-pct-scale:before,
.icon-pct-screw:before,
.icon-pct-selection-circle:before,
.icon-pct-selection-column:before,
.icon-pct-selection-rectangle:before,
.icon-pct-selection-row:before,
.icon-pct-shape-arrow-down-black:before,
.icon-pct-shape-arrow-down-white:before,
.icon-pct-shape-arrow-left-black:before,
.icon-pct-shape-arrow-left-white:before,
.icon-pct-shape-arrow-right-black:before,
.icon-pct-shape-arrow-right-white:before,
.icon-pct-shape-arrow-up-black:before,
.icon-pct-shape-arrow-up-white:before,
.icon-pct-shape-arrows-down:before,
.icon-pct-shape-arrows-left:before,
.icon-pct-shape-arrows-right:before,
.icon-pct-shape-arrows-up:before,
.icon-pct-shape-circle-half-bottom-black:before,
.icon-pct-shape-circle-half-bottom-white:before,
.icon-pct-shape-circle-half-left-black:before,
.icon-pct-shape-circle-half-left-white:before,
.icon-pct-shape-circle-half-right-black:before,
.icon-pct-shape-circle-half-right-white:before,
.icon-pct-shape-circle-half-top-black:before,
.icon-pct-shape-circle-half-top-white:before,
.icon-pct-shape-circle-quarter-bottom-left-black:before,
.icon-pct-shape-circle-quarter-bottom-left-white:before,
.icon-pct-shape-circle-quarter-bottom-right-black:before,
.icon-pct-shape-circle-quarter-bottom-right-white:before,
.icon-pct-shape-circle-quarter-top-left-black:before,
.icon-pct-shape-circle-quarter-top-left-white:before,
.icon-pct-shape-circle-quarter-top-right-black:before,
.icon-pct-shape-circle-quarter-top-right-white:before,
.icon-pct-shape-dots-duo-horizontal-black:before,
.icon-pct-shape-dots-duo-horizontal-white:before,
.icon-pct-shape-dots-duo-vertical-black:before,
.icon-pct-shape-dots-duo-vertical-white:before,
.icon-pct-shape-dots-quattro-black:before,
.icon-pct-shape-dots-quattro-diamond-black:before,
.icon-pct-shape-dots-quattro-diamond-white:before,
.icon-pct-shape-dots-quattro-white:before,
.icon-pct-shape-frame-circle-bottom-left:before,
.icon-pct-shape-frame-circle-bottom-right:before,
.icon-pct-shape-frame-circle-grid-angled:before,
.icon-pct-shape-frame-circle-grid-straight:before,
.icon-pct-shape-frame-circle-line-horizontal:before,
.icon-pct-shape-frame-circle-line-vertical:before,
.icon-pct-shape-frame-circle-top-left:before,
.icon-pct-shape-frame-circle-top-right:before,
.icon-pct-shape-frame-square-bottom-left:before,
.icon-pct-shape-frame-square-bottom-right:before,
.icon-pct-shape-frame-square-cornerline-ascending:before,
.icon-pct-shape-frame-square-cornerline-descending:before,
.icon-pct-shape-frame-square-grid-angled:before,
.icon-pct-shape-frame-square-grid-straight:before,
.icon-pct-shape-frame-square-line-horizontal:before,
.icon-pct-shape-frame-square-line-vertical:before,
.icon-pct-shape-frame-square-top-left:before,
.icon-pct-shape-frame-square-top-right:before,
.icon-pct-shape-inner-circle:before,
.icon-pct-shape-inner-square:before,
.icon-pct-shape-inner-triangle:before,
.icon-pct-shape-line-circle:before,
.icon-pct-shape-line-curved-triangle:before,
.icon-pct-shape-line-diamond:before,
.icon-pct-shape-line-gothic:before,
.icon-pct-shape-line-kite:before,
.icon-pct-shape-line-rhombus:before,
.icon-pct-shape-line-square:before,
.icon-pct-shape-line-triangle:before,
.icon-pct-shape-line-trifold:before,
.icon-pct-shape-perspective-cone:before,
.icon-pct-shape-perspective-cube:before,
.icon-pct-shape-perspective-cyclinder:before,
.icon-pct-shape-perspective-pyramid:before,
.icon-pct-shape-perspective-sphere:before,
.icon-pct-shape-plain-circle-black:before,
.icon-pct-shape-plain-circle-white:before,
.icon-pct-shape-plain-curved-triangle-black:before,
.icon-pct-shape-plain-curved-triangle-white:before,
.icon-pct-shape-plain-diamond-black:before,
.icon-pct-shape-plain-diamond-white:before,
.icon-pct-shape-plain-ellipse-black:before,
.icon-pct-shape-plain-ellipse-white:before,
.icon-pct-shape-plain-gothic-black:before,
.icon-pct-shape-plain-gothic-white:before,
.icon-pct-shape-plain-kite-black:before,
.icon-pct-shape-plain-kite-white:before,
.icon-pct-shape-plain-oval-black:before,
.icon-pct-shape-plain-oval-white:before,
.icon-pct-shape-plain-parallelogram-black:before,
.icon-pct-shape-plain-parallelogram-white:before,
.icon-pct-shape-plain-peakhead-black:before,
.icon-pct-shape-plain-peakhead-white:before,
.icon-pct-shape-plain-polygon-05-black:before,
.icon-pct-shape-plain-polygon-05-white:before,
.icon-pct-shape-plain-polygon-06-black:before,
.icon-pct-shape-plain-polygon-06-white:before,
.icon-pct-shape-plain-polygon-07-black:before,
.icon-pct-shape-plain-polygon-07-white:before,
.icon-pct-shape-plain-polygon-08-black:before,
.icon-pct-shape-plain-polygon-08-white:before,
.icon-pct-shape-plain-polygon-09-black:before,
.icon-pct-shape-plain-polygon-09-white:before,
.icon-pct-shape-plain-polygon-10-black:before,
.icon-pct-shape-plain-polygon-10-white:before,
.icon-pct-shape-plain-quadrilateral-black:before,
.icon-pct-shape-plain-quadrilateral-white:before,
.icon-pct-shape-plain-rakehead-black:before,
.icon-pct-shape-plain-rakehead-white:before,
.icon-pct-shape-plain-rectangle-black:before,
.icon-pct-shape-plain-rectangle-white:before,
.icon-pct-shape-plain-rhombus-black:before,
.icon-pct-shape-plain-rhombus-white:before,
.icon-pct-shape-plain-right-triangle-black:before,
.icon-pct-shape-plain-right-triangle-white:before,
.icon-pct-shape-plain-square-black:before,
.icon-pct-shape-plain-square-white:before,
.icon-pct-shape-plain-trapezium-black:before,
.icon-pct-shape-plain-trapezium-white:before,
.icon-pct-shape-plain-trapezoid-black:before,
.icon-pct-shape-plain-trapezoid-white:before,
.icon-pct-shape-plain-triangle-black:before,
.icon-pct-shape-plain-triangle-white:before,
.icon-pct-shape-plain-trifoil-black:before,
.icon-pct-shape-plain-trifoil-white:before,
.icon-pct-shape-point-circle:before,
.icon-pct-shape-point-diamond:before,
.icon-pct-shape-point-square:before,
.icon-pct-shape-point-triangle:before,
.icon-pct-shape-split-square-bottom:before,
.icon-pct-shape-split-square-bottom-right:before,
.icon-pct-shape-split-square-left:before,
.icon-pct-shape-split-square-right:before,
.icon-pct-shape-split-square-top:before,
.icon-pct-shape-split-square-top-left:before,
.icon-pct-shape-split-triangle:before,
.icon-pct-shape-split-triangle-left:before,
.icon-pct-shape-split-triangle-right:before,
.icon-pct-shape-split-triangle-up:before,
.icon-pct-shape-strong-circle:before,
.icon-pct-shape-strong-curved-triangle:before,
.icon-pct-shape-strong-diamond:before,
.icon-pct-shape-strong-gothic:before,
.icon-pct-shape-strong-kite:before,
.icon-pct-shape-strong-rhombus:before,
.icon-pct-shape-strong-square:before,
.icon-pct-shape-strong-triangle:before,
.icon-pct-shape-strong-trifold:before,
.icon-pct-shield-black:before,
.icon-pct-shield-black-star:before,
.icon-pct-shield-half:before,
.icon-pct-shield-top:before,
.icon-pct-shield-white:before,
.icon-pct-shield-white-star:before,
.icon-pct-shintoism:before,
.icon-pct-shintoism-sign:before,
.icon-pct-shopify:before,
.icon-pct-shovels:before,
.icon-pct-sikhism:before,
.icon-pct-sikhism-sign:before,
.icon-pct-sina:before,
.icon-pct-sketchup:before,
.icon-pct-skydrive:before,
.icon-pct-slashdot:before,
.icon-pct-sloth-face:before,
.icon-pct-snowman:before,
.icon-pct-snowman-face:before,
.icon-pct-social-bakers:before,
.icon-pct-softimage:before,
.icon-pct-solidworks:before,
.icon-pct-soundcloud:before,
.icon-pct-spotify:before,
.icon-pct-sqlite:before,
.icon-pct-sqlserver:before,
.icon-pct-squash-field:before,
.icon-pct-sticker-discount:before,
.icon-pct-stumbleupon:before,
.icon-pct-submarine:before,
.icon-pct-svn:before,
.icon-pct-svpply:before,
.icon-pct-switch-off:before,
.icon-pct-switch-on:before,
.icon-pct-symfony:before,
.icon-pct-table-saw:before,
.icon-pct-taoism:before,
.icon-pct-technorati:before,
.icon-pct-tencent:before,
.icon-pct-tennis-field:before,
.icon-pct-test-tube-angled-empty:before,
.icon-pct-test-tube-angled-full:before,
.icon-pct-test-tube-empty:before,
.icon-pct-test-tube-full:before,
.icon-pct-test-tubes:before,
.icon-pct-tie-plain:before,
.icon-pct-tie-stripes:before,
.icon-pct-tiger-face:before,
.icon-pct-time-bomb:before,
.icon-pct-tint:before,
.icon-pct-typepad:before,
.icon-pct-underwear:before,
.icon-pct-undo-brush:before,
.icon-pct-undo-circle:before,
.icon-pct-usb:before,
.icon-pct-vbnet:before,
.icon-pct-vimeo:before,
.icon-pct-visualstudio:before,
.icon-pct-voxopolis:before,
.icon-pct-vue:before,
.icon-pct-wechat:before,
.icon-pct-wikipedia:before,
.icon-pct-windows-sign:before,
.icon-pct-wolf-face:before,
.icon-pct-wordpress:before,
.icon-pct-xanga:before,
.icon-pct-yahoo:before,
.icon-pct-yammer:before,
.icon-pct-yandex:before,
.icon-pct-yii:before,
.icon-pct-zbrush:before,
.icon-pct-zend:before,
.icon-pct-zerply:before,
.icon-pencil:before,
.icon-phone:before,
.icon-phone-sign:before,
.icon-picture:before,
.icon-pinterest:before,
.icon-pinterest-sign:before,
.icon-plane:before,
.icon-play:before,
.icon-play-circle:before,
.icon-play-sign:before,
.icon-plus:before,
.icon-plus-sign:before,
.icon-plus-sign-alt:before,
.icon-print:before,
.icon-pushpin:before,
.icon-puzzle-piece:before,
.icon-qrcode:before,
.icon-question:before,
.icon-question-sign:before,
.icon-quote-left:before,
.icon-quote-right:before,
.icon-random:before,
.icon-refresh:before,
.icon-remove:before,
.icon-remove-circle:before,
.icon-remove-sign:before,
.icon-renren:before,
.icon-reorder:before,
.icon-repeat:before,
.icon-reply:before,
.icon-reply-all:before,
.icon-resize-full:before,
.icon-resize-horizontal:before,
.icon-resize-small:before,
.icon-resize-vertical:before,
.icon-retweet:before,
.icon-road:before,
.icon-rocket:before,
.icon-rss:before,
.icon-rss-sign:before,
.icon-save:before,
.icon-screenshot:before,
.icon-search:before,
.icon-share:before,
.icon-share-alt:before,
.icon-share-sign:before,
.icon-shield:before,
.icon-shopping-cart:before,
.icon-sign-blank:before,
.icon-signal:before,
.icon-signin:before,
.icon-signout:before,
.icon-sitemap:before,
.icon-skype:before,
.icon-smile:before,
.icon-sort:before,
.icon-sort-by-alphabet:before,
.icon-sort-by-alphabet-alt:before,
.icon-sort-by-attributes:before,
.icon-sort-by-attributes-alt:before,
.icon-sort-by-order:before,
.icon-sort-by-order-alt:before,
.icon-sort-down:before,
.icon-sort-up:before,
.icon-spinner:before,
.icon-stackexchange:before,
.icon-star:before,
.icon-star-alt:before,
.icon-star-half:before,
.icon-star-half-empty:before,
.icon-stc-07:before,
.icon-stc-2i:before,
.icon-stc-3-14:before,
.icon-stc-42:before,
.icon-stc-aa:before,
.icon-stc-aac:before,
.icon-stc-ab:before,
.icon-stc-ascii-033:before,
.icon-stc-ascii-034:before,
.icon-stc-ascii-035:before,
.icon-stc-ascii-036:before,
.icon-stc-ascii-037:before,
.icon-stc-ascii-038:before,
.icon-stc-ascii-043:before,
.icon-stc-ascii-045:before,
.icon-stc-ascii-047:before,
.icon-stc-ascii-058:before,
.icon-stc-ascii-059:before,
.icon-stc-ascii-060:before,
.icon-stc-ascii-061:before,
.icon-stc-ascii-062:before,
.icon-stc-ascii-063:before,
.icon-stc-ascii-064:before,
.icon-stc-ascii-092:before,
.icon-stc-ascii-126:before,
.icon-stc-ascii-162:before,
.icon-stc-ascii-163:before,
.icon-stc-ascii-164:before,
.icon-stc-ascii-165:before,
.icon-stc-ascii-167:before,
.icon-stc-ascii-169:before,
.icon-stc-ascii-171:before,
.icon-stc-ascii-174:before,
.icon-stc-ascii-177:before,
.icon-stc-ascii-182:before,
.icon-stc-ascii-187:before,
.icon-stc-ascii-188:before,
.icon-stc-ascii-189:before,
.icon-stc-ascii-190:before,
.icon-stc-ascii-191:before,
.icon-stc-ascii-215:before,
.icon-stc-ascii-216:before,
.icon-stc-ascii-247:before,
.icon-stc-attendee-badge:before,
.icon-stc-avi:before,
.icon-stc-az:before,
.icon-stc-binary:before,
.icon-stc-bmp:before,
.icon-stc-bullet-chart:before,
.icon-stc-cc:before,
.icon-stc-csv:before,
.icon-stc-dagger:before,
.icon-stc-degree-c:before,
.icon-stc-degree-f:before,
.icon-stc-degree-k:before,
.icon-stc-dendrogram:before,
.icon-stc-document:before,
.icon-stc-double-dagger:before,
.icon-stc-dwg:before,
.icon-stc-dxf:before,
.icon-stc-f-italic:before,
.icon-stc-factory:before,
.icon-stc-ff:before,
.icon-stc-field:before,
.icon-stc-fx:before,
.icon-stc-gif:before,
.icon-stc-google-docs:before,
.icon-stc-google-drawings:before,
.icon-stc-google-forms:before,
.icon-stc-google-presentations:before,
.icon-stc-google-scripts:before,
.icon-stc-google-spreadsheets:before,
.icon-stc-h1:before,
.icon-stc-h2:before,
.icon-stc-h3:before,
.icon-stc-h4:before,
.icon-stc-h5:before,
.icon-stc-h6:before,
.icon-stc-ico:before,
.icon-stc-invoice:before,
.icon-stc-ip:before,
.icon-stc-jpg:before,
.icon-stc-json:before,
.icon-stc-json-array:before,
.icon-stc-json-object:before,
.icon-stc-keyword:before,
.icon-stc-ldquo:before,
.icon-stc-markdown:before,
.icon-stc-mindmap:before,
.icon-stc-mp3:before,
.icon-stc-mp4:before,
.icon-stc-mpg:before,
.icon-stc-ms-access:before,
.icon-stc-ms-excel:before,
.icon-stc-ms-infopath:before,
.icon-stc-ms-lync:before,
.icon-stc-ms-onenote:before,
.icon-stc-ms-outlook:before,
.icon-stc-ms-powerpoint:before,
.icon-stc-ms-publisher:before,
.icon-stc-ms-word:before,
.icon-stc-namespace:before,
.icon-stc-ogg:before,
.icon-stc-osi:before,
.icon-stc-p1:before,
.icon-stc-p2:before,
.icon-stc-p3:before,
.icon-stc-p4:before,
.icon-stc-p5:before,
.icon-stc-pageview:before,
.icon-stc-permil:before,
.icon-stc-png:before,
.icon-stc-price-book:before,
.icon-stc-quark:before,
.icon-stc-rdquo:before,
.icon-stc-rich-text:before,
.icon-stc-scale:before,
.icon-stc-scale-4-1:before,
.icon-stc-scale-4-2:before,
.icon-stc-scale-4-3:before,
.icon-stc-scale-4-4:before,
.icon-stc-scale-5-1:before,
.icon-stc-scale-5-2:before,
.icon-stc-scale-5-3:before,
.icon-stc-scale-5-4:before,
.icon-stc-scale-5-5:before,
.icon-stc-scale-8-1:before,
.icon-stc-scale-8-2:before,
.icon-stc-scale-8-3:before,
.icon-stc-scale-8-4:before,
.icon-stc-scale-8-5:before,
.icon-stc-scale-8-6:before,
.icon-stc-scale-8-7:before,
.icon-stc-scale-8-8:before,
.icon-stc-screen-1:before,
.icon-stc-screen-2:before,
.icon-stc-screen-3:before,
.icon-stc-screen-4:before,
.icon-stc-stoic:before,
.icon-stc-tag-strap:before,
.icon-stc-tar:before,
.icon-stc-tgz:before,
.icon-stc-tiff:before,
.icon-stc-trademark:before,
.icon-stc-tsv:before,
.icon-stc-vcf:before,
.icon-stc-vcs:before,
.icon-stc-wav:before,
.icon-stc-workflow:before,
.icon-stc-x2:before,
.icon-stc-xml:before,
.icon-stc-xsl:before,
.icon-stc-zip:before,
.icon-step-backward:before,
.icon-step-forward:before,
.icon-stethoscope:before,
.icon-stop:before,
.icon-strikethrough:before,
.icon-subscript:before,
.icon-suitcase:before,
.icon-sun:before,
.icon-superscript:before,
.icon-table:before,
.icon-tablet:before,
.icon-tag:before,
.icon-tags:before,
.icon-tasks:before,
.icon-terminal:before,
.icon-text-height:before,
.icon-text-width:before,
.icon-th:before,
.icon-th-large:before,
.icon-th-list:before,
.icon-thumbs-down:before,
.icon-thumbs-down-alt:before,
.icon-thumbs-up:before,
.icon-thumbs-up-alt:before,
.icon-ticket:before,
.icon-time:before,
.icon-tint:before,
.icon-trash:before,
.icon-trello:before,
.icon-trophy:before,
.icon-truck:before,
.icon-tumblr:before,
.icon-tumblr-sign:before,
.icon-twitter:before,
.icon-twitter-sign:before,
.icon-umbrella:before,
.icon-underline:before,
.icon-undo:before,
.icon-unlink:before,
.icon-unlock:before,
.icon-unlock-alt:before,
.icon-upload:before,
.icon-upload-alt:before,
.icon-usd:before,
.icon-user:before,
.icon-user-md:before,
.icon-vk:before,
.icon-volume-down:before,
.icon-volume-off:before,
.icon-volume-up:before,
.icon-warning-sign:before,
.icon-weibo:before,
.icon-windows:before,
.icon-wrench:before,
.icon-xing:before,
.icon-xing-sign:before,
.icon-youtube:before,
.icon-youtube-play:before,
.icon-youtube-sign:before,
.icon-zoom-in:before,
.icon-zoom-out:before {
display: inline-block;
font-family: "fontcustom";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.icon-adjust:before { content: "\f100" }
.icon-adn:before { content: "\f101" }
.icon-align-center:before { content: "\f102" }
.icon-align-justify:before { content: "\f103" }
.icon-align-left:before { content: "\f104" }
.icon-align-right:before { content: "\f105" }
.icon-ambulance:before { content: "\f106" }
.icon-anchor:before { content: "\f107" }
.icon-android:before { content: "\f108" }
.icon-angle-down:before { content: "\f109" }
.icon-angle-left:before { content: "\f10a" }
.icon-angle-right:before { content: "\f10b" }
.icon-angle-up:before { content: "\f10c" }
.icon-apple:before { content: "\f10d" }
.icon-archive:before { content: "\f10e" }
.icon-arrow-down:before { content: "\f10f" }
.icon-arrow-left:before { content: "\f110" }
.icon-arrow-right:before { content: "\f111" }
.icon-arrow-up:before { content: "\f112" }
.icon-asterisk:before { content: "\f113" }
.icon-backward:before { content: "\f114" }
.icon-ban-circle:before { content: "\f115" }
.icon-bar-chart:before { content: "\f116" }
.icon-barcode:before { content: "\f117" }
.icon-beaker:before { content: "\f118" }
.icon-beer:before { content: "\f119" }
.icon-bell:before { content: "\f11a" }
.icon-bell-alt:before { content: "\f11b" }
.icon-bitbucket:before { content: "\f11c" }
.icon-bitbucket-sign:before { content: "\f11d" }
.icon-bold:before { content: "\f11e" }
.icon-bolt:before { content: "\f11f" }
.icon-book:before { content: "\f120" }
.icon-bookmark:before { content: "\f121" }
.icon-bookmark-empty:before { content: "\f122" }
.icon-briefcase:before { content: "\f123" }
.icon-btc:before { content: "\f124" }
.icon-bug:before { content: "\f125" }
.icon-building:before { content: "\f126" }
.icon-bullhorn:before { content: "\f127" }
.icon-bullseye:before { content: "\f128" }
.icon-calendar:before { content: "\f129" }
.icon-calendar-empty:before { content: "\f12a" }
.icon-camera:before { content: "\f12b" }
.icon-camera-retro:before { content: "\f12c" }
.icon-caret-down:before { content: "\f12d" }
.icon-caret-left:before { content: "\f12e" }
.icon-caret-right:before { content: "\f12f" }
.icon-caret-up:before { content: "\f130" }
.icon-certificate:before { content: "\f131" }
.icon-check:before { content: "\f132" }
.icon-check-empty:before { content: "\f133" }
.icon-check-minus:before { content: "\f134" }
.icon-check-sign:before { content: "\f135" }
.icon-chevron-down:before { content: "\f136" }
.icon-chevron-left:before { content: "\f137" }
.icon-chevron-right:before { content: "\f138" }
.icon-chevron-sign-down:before { content: "\f139" }
.icon-chevron-sign-left:before { content: "\f13a" }
.icon-chevron-sign-right:before { content: "\f13b" }
.icon-chevron-sign-up:before { content: "\f13c" }
.icon-chevron-up:before { content: "\f13d" }
.icon-circle:before { content: "\f13e" }
.icon-circle-arrow-down:before { content: "\f13f" }
.icon-circle-arrow-left:before { content: "\f140" }
.icon-circle-arrow-right:before { content: "\f141" }
.icon-circle-arrow-up:before { content: "\f142" }
.icon-circle-blank:before { content: "\f143" }
.icon-cloud:before { content: "\f144" }
.icon-cloud-download:before { content: "\f145" }
.icon-cloud-upload:before { content: "\f146" }
.icon-cny:before { content: "\f147" }
.icon-code:before { content: "\f148" }
.icon-code-fork:before { content: "\f149" }
.icon-coffee:before { content: "\f14a" }
.icon-cog:before { content: "\f14b" }
.icon-cogs:before { content: "\f14c" }
.icon-collapse:before { content: "\f14d" }
.icon-collapse-alt:before { content: "\f14e" }
.icon-collapse-top:before { content: "\f14f" }
.icon-columns:before { content: "\f150" }
.icon-comment:before { content: "\f151" }
.icon-comment-alt:before { content: "\f152" }
.icon-comments:before { content: "\f153" }
.icon-comments-alt:before { content: "\f154" }
.icon-compass:before { content: "\f155" }
.icon-copy:before { content: "\f156" }
.icon-credit-card:before { content: "\f157" }
.icon-crop:before { content: "\f158" }
.icon-css3:before { content: "\f159" }
.icon-cut:before { content: "\f15a" }
.icon-dashboard:before { content: "\f15b" }
.icon-desktop:before { content: "\f15c" }
.icon-di-24-7-sign:before { content: "\f15d" }
.icon-di-24-hours:before { content: "\f15e" }
.icon-di-30-minutes-delivery:before { content: "\f15f" }
.icon-di-3d-glasses:before { content: "\f160" }
.icon-di-a-b-labels:before { content: "\f161" }
.icon-di-abacus:before { content: "\f162" }
.icon-di-abraham-lincoln:before { content: "\f163" }
.icon-di-academy-award:before { content: "\f164" }
.icon-di-accordion:before { content: "\f165" }
.icon-di-acid:before { content: "\f166" }
.icon-di-acorn:before { content: "\f167" }
.icon-di-acropolis:before { content: "\f168" }
.icon-di-address-book:before { content: "\f169" }
.icon-di-address-search:before { content: "\f16a" }
.icon-di-adjustable-wrench:before { content: "\f16b" }
.icon-di-adult-child:before { content: "\f16c" }
.icon-di-aerobics:before { content: "\f16d" }
.icon-di-aerobics-instructor:before { content: "\f16e" }
.icon-di-air-freight:before { content: "\f16f" }
.icon-di-air-traffic-control:before { content: "\f170" }
.icon-di-air-travel:before { content: "\f171" }
.icon-di-airbag:before { content: "\f172" }
.icon-di-airbrush:before { content: "\f173" }
.icon-di-airplane-crash:before { content: "\f174" }
.icon-di-airplane-hangar:before { content: "\f175" }
.icon-di-airplane-landing:before { content: "\f176" }
.icon-di-airplane-takeoff:before { content: "\f177" }
.icon-di-airplane-transfer:before { content: "\f178" }
.icon-di-airport-parking:before { content: "\f179" }
.icon-di-airport-stairs:before { content: "\f17a" }
.icon-di-alarm-bell:before { content: "\f17b" }
.icon-di-alarm-clock:before { content: "\f17c" }
.icon-di-alarm-ringing:before { content: "\f17d" }
.icon-di-alien:before { content: "\f17e" }
.icon-di-alien-abduction:before { content: "\f17f" }
.icon-di-all-terrain-vehicle:before { content: "\f180" }
.icon-di-allah:before { content: "\f181" }
.icon-di-amanita-muscaria:before { content: "\f182" }
.icon-di-american-football:before { content: "\f183" }
.icon-di-american-football-league:before { content: "\f184" }
.icon-di-anchor-modern:before { content: "\f185" }
.icon-di-anchor-vintage:before { content: "\f186" }
.icon-di-angel:before { content: "\f187" }
.icon-di-anglepoise-lamp:before { content: "\f188" }
.icon-di-antique-dresser:before { content: "\f189" }
.icon-di-antique-key:before { content: "\f18a" }
.icon-di-antique-pistol:before { content: "\f18b" }
.icon-di-apple:before { content: "\f18c" }
.icon-di-apple-sliced:before { content: "\f18d" }
.icon-di-apron:before { content: "\f18e" }
.icon-di-archery-target:before { content: "\f18f" }
.icon-di-arithmetic-operations:before { content: "\f190" }
.icon-di-arm-splint:before { content: "\f191" }
.icon-di-armored-vehicle:before { content: "\f192" }
.icon-di-army-tank:before { content: "\f193" }
.icon-di-artichoke:before { content: "\f194" }
.icon-di-articulated-bus:before { content: "\f195" }
.icon-di-artist:before { content: "\f196" }
.icon-di-asparagus:before { content: "\f197" }
.icon-di-assault-rifle:before { content: "\f198" }
.icon-di-astronaut:before { content: "\f199" }
.icon-di-atomic-particles:before { content: "\f19a" }
.icon-di-audio-plug:before { content: "\f19b" }
.icon-di-audio-wave:before { content: "\f19c" }
.icon-di-auto-rickshaw:before { content: "\f19d" }
.icon-di-autopsy:before { content: "\f19e" }
.icon-di-auxiliary-cable:before { content: "\f19f" }
.icon-di-avalanche:before { content: "\f1a0" }
.icon-di-avocado:before { content: "\f1a1" }
.icon-di-axe-impact:before { content: "\f1a2" }
.icon-di-baby-carriage:before { content: "\f1a3" }
.icon-di-baby-crying:before { content: "\f1a4" }
.icon-di-baby-smiling:before { content: "\f1a5" }
.icon-di-backpack:before { content: "\f1a6" }
.icon-di-backpacker:before { content: "\f1a7" }
.icon-di-badminton-shuttle:before { content: "\f1a8" }
.icon-di-bag-recycling:before { content: "\f1a9" }
.icon-di-bag-tree:before { content: "\f1aa" }
.icon-di-baggage-check:before { content: "\f1ab" }
.icon-di-baggage-conveyor-flat:before { content: "\f1ac" }
.icon-di-baggage-conveyor-tilted:before { content: "\f1ad" }
.icon-di-baggage-trailer:before { content: "\f1ae" }
.icon-di-baguette:before { content: "\f1af" }
.icon-di-baked-pie:before { content: "\f1b0" }
.icon-di-ballot-box:before { content: "\f1b1" }
.icon-di-bamboo:before { content: "\f1b2" }
.icon-di-bananas:before { content: "\f1b3" }
.icon-di-bandage:before { content: "\f1b4" }
.icon-di-bar-chart:before { content: "\f1b5" }
.icon-di-bar-chart-down:before { content: "\f1b6" }
.icon-di-bar-chart-up:before { content: "\f1b7" }
.icon-di-bar-phone:before { content: "\f1b8" }
.icon-di-barbecue:before { content: "\f1b9" }
.icon-di-barbecue-tools:before { content: "\f1ba" }
.icon-di-barbed-wire:before { content: "\f1bb" }
.icon-di-barbell:before { content: "\f1bc" }
.icon-di-barcode-scan:before { content: "\f1bd" }
.icon-di-barcode-scanner:before { content: "\f1be" }
.icon-di-barefoot-grape-stomping:before { content: "\f1bf" }
.icon-di-barn:before { content: "\f1c0" }
.icon-di-baseball:before { content: "\f1c1" }
.icon-di-baseball-bat:before { content: "\f1c2" }
.icon-di-baseball-bat-ball:before { content: "\f1c3" }
.icon-di-baseball-catcher:before { content: "\f1c4" }
.icon-di-baseball-face-mask:before { content: "\f1c5" }
.icon-di-baseball-field:before { content: "\f1c6" }
.icon-di-baseball-glove:before { content: "\f1c7" }
.icon-di-baseball-helmet:before { content: "\f1c8" }
.icon-di-baseball-hitter:before { content: "\f1c9" }
.icon-di-baseball-pitcher:before { content: "\f1ca" }
.icon-di-baseball-player:before { content: "\f1cb" }
.icon-di-baseball-shirt:before { content: "\f1cc" }
.icon-di-baseball-stadium:before { content: "\f1cd" }
.icon-di-baseball-throw-sign:before { content: "\f1ce" }
.icon-di-baseball-trophy:before { content: "\f1cf" }
.icon-di-basketball:before { content: "\f1d0" }
.icon-di-bass-guitar:before { content: "\f1d1" }
.icon-di-bathroom-faucet:before { content: "\f1d2" }
.icon-di-bathtub:before { content: "\f1d3" }
.icon-di-bats:before { content: "\f1d4" }
.icon-di-battery-charging:before { content: "\f1d5" }
.icon-di-battery-jolt:before { content: "\f1d6" }
.icon-di-battery-recycling:before { content: "\f1d7" }
.icon-di-beach-ball:before { content: "\f1d8" }
.icon-di-beach-house:before { content: "\f1d9" }
.icon-di-bear:before { content: "\f1da" }
.icon-di-bed:before { content: "\f1db" }
.icon-di-bee:before { content: "\f1dc" }
.icon-di-beer:before { content: "\f1dd" }
.icon-di-beer-glass:before { content: "\f1de" }
.icon-di-beer-mug:before { content: "\f1df" }
.icon-di-bell:before { content: "\f1e0" }
.icon-di-bell-tree-ornament:before { content: "\f1e1" }
.icon-di-bellman:before { content: "\f1e2" }
.icon-di-belt:before { content: "\f1e3" }
.icon-di-bib:before { content: "\f1e4" }
.icon-di-bicycle:before { content: "\f1e5" }
.icon-di-bifold-wallet:before { content: "\f1e6" }
.icon-di-big-ben:before { content: "\f1e7" }
.icon-di-binary-search:before { content: "\f1e8" }
.icon-di-binders:before { content: "\f1e9" }
.icon-di-bingo-card:before { content: "\f1ea" }
.icon-di-binoculars:before { content: "\f1eb" }
.icon-di-biohazard:before { content: "\f1ec" }
.icon-di-bird-flying:before { content: "\f1ed" }
.icon-di-bird-house:before { content: "\f1ee" }
.icon-di-bird-message:before { content: "\f1ef" }
.icon-di-bird-note:before { content: "\f1f0" }
.icon-di-bird-worm:before { content: "\f1f1" }
.icon-di-birdcage:before { content: "\f1f2" }
.icon-di-birds-nest:before { content: "\f1f3" }
.icon-di-birthday-cake-slice:before { content: "\f1f4" }
.icon-di-blackboard-abc:before { content: "\f1f5" }
.icon-di-blackboard-emc2:before { content: "\f1f6" }
.icon-di-blender:before { content: "\f1f7" }
.icon-di-blood-bag:before { content: "\f1f8" }
.icon-di-blood-pressure-monitor:before { content: "\f1f9" }
.icon-di-blood-sample:before { content: "\f1fa" }
.icon-di-blossom:before { content: "\f1fb" }
.icon-di-blueprint:before { content: "\f1fc" }
.icon-di-boarding-passes:before { content: "\f1fd" }
.icon-di-boat-propeller:before { content: "\f1fe" }
.icon-di-boiled-egg-spoon:before { content: "\f1ff" }
.icon-di-bollard:before { content: "\f200" }
.icon-di-bomb:before { content: "\f201" }
.icon-di-bombs:before { content: "\f202" }
.icon-di-bone:before { content: "\f203" }
.icon-di-bonsai-tree:before { content: "\f204" }
.icon-di-book:before { content: "\f205" }
.icon-di-book-bookmark:before { content: "\f206" }
.icon-di-boot:before { content: "\f207" }
.icon-di-bottle:before { content: "\f208" }
.icon-di-bottle-opener:before { content: "\f209" }
.icon-di-bottle-recycling:before { content: "\f20a" }
.icon-di-bow-arrow:before { content: "\f20b" }
.icon-di-bow-saw:before { content: "\f20c" }
.icon-di-bowler-hat-cane:before { content: "\f20d" }
.icon-di-bowler-hat-umbrella:before { content: "\f20e" }
.icon-di-bowling-ball-pin:before { content: "\f20f" }
.icon-di-bowling-pin:before { content: "\f210" }
.icon-di-box-barcode:before { content: "\f211" }
.icon-di-box-recycling:before { content: "\f212" }
.icon-di-box-upright-sign:before { content: "\f213" }
.icon-di-boxing-glove:before { content: "\f214" }
.icon-di-bra:before { content: "\f215" }
.icon-di-braille:before { content: "\f216" }
.icon-di-brain:before { content: "\f217" }
.icon-di-brandenburg-gate:before { content: "\f218" }
.icon-di-bread-loaf:before { content: "\f219" }
.icon-di-bride:before { content: "\f21a" }
.icon-di-briefcase-double:before { content: "\f21b" }
.icon-di-briefcase-single:before { content: "\f21c" }
.icon-di-british-crown:before { content: "\f21d" }
.icon-di-british-phone-booth:before { content: "\f21e" }
.icon-di-british-police-officer:before { content: "\f21f" }
.icon-di-british-taxicab:before { content: "\f220" }
.icon-di-broccoli:before { content: "\f221" }
.icon-di-broken-arm:before { content: "\f222" }
.icon-di-broken-bottle:before { content: "\f223" }
.icon-di-broken-glass:before { content: "\f224" }
.icon-di-broken-glasses:before { content: "\f225" }
.icon-di-broken-vase:before { content: "\f226" }
.icon-di-bucket-foam:before { content: "\f227" }
.icon-di-bucket-water:before { content: "\f228" }
.icon-di-bug:before { content: "\f229" }
.icon-di-building-blocks:before { content: "\f22a" }
.icon-di-building-fire:before { content: "\f22b" }
.icon-di-building-search:before { content: "\f22c" }
.icon-di-buildings:before { content: "\f22d" }
.icon-di-bulldozer:before { content: "\f22e" }
.icon-di-bullet:before { content: "\f22f" }
.icon-di-bullet-train:before { content: "\f230" }
.icon-di-bullhorn:before { content: "\f231" }
.icon-di-bumper-car:before { content: "\f232" }
.icon-di-bunsen-burner:before { content: "\f233" }
.icon-di-buoy:before { content: "\f234" }
.icon-di-burka:before { content: "\f235" }
.icon-di-bus:before { content: "\f236" }
.icon-di-businessperson:before { content: "\f237" }
.icon-di-businessperson-speech-dollar:before { content: "\f238" }
.icon-di-butter-knife:before { content: "\f239" }
.icon-di-butterfly:before { content: "\f23a" }
.icon-di-buy-now-sticker:before { content: "\f23b" }
.icon-di-cafe-machiatto:before { content: "\f23c" }
.icon-di-cake-slice:before { content: "\f23d" }
.icon-di-calendar-1:before { content: "\f23e" }
.icon-di-calendar-10:before { content: "\f23f" }
.icon-di-calendar-11:before { content: "\f240" }
.icon-di-calendar-12:before { content: "\f241" }
.icon-di-calendar-13:before { content: "\f242" }
.icon-di-calendar-14:before { content: "\f243" }
.icon-di-calendar-15:before { content: "\f244" }
.icon-di-calendar-16:before { content: "\f245" }
.icon-di-calendar-17:before { content: "\f246" }
.icon-di-calendar-18:before { content: "\f247" }
.icon-di-calendar-19:before { content: "\f248" }
.icon-di-calendar-2:before { content: "\f249" }
.icon-di-calendar-20:before { content: "\f24a" }
.icon-di-calendar-21:before { content: "\f24b" }
.icon-di-calendar-22:before { content: "\f24c" }
.icon-di-calendar-23:before { content: "\f24d" }
.icon-di-calendar-24:before { content: "\f24e" }
.icon-di-calendar-25:before { content: "\f24f" }
.icon-di-calendar-26:before { content: "\f250" }
.icon-di-calendar-27:before { content: "\f251" }
.icon-di-calendar-28:before { content: "\f252" }
.icon-di-calendar-29:before { content: "\f253" }
.icon-di-calendar-3:before { content: "\f254" }
.icon-di-calendar-30:before { content: "\f255" }
.icon-di-calendar-31:before { content: "\f256" }
.icon-di-calendar-4:before { content: "\f257" }
.icon-di-calendar-5:before { content: "\f258" }
.icon-di-calendar-6:before { content: "\f259" }
.icon-di-calendar-7:before { content: "\f25a" }
.icon-di-calendar-8:before { content: "\f25b" }
.icon-di-calendar-9:before { content: "\f25c" }
.icon-di-calendar-checkmark:before { content: "\f25d" }
.icon-di-calendar-christmas:before { content: "\f25e" }
.icon-di-calendar-day:before { content: "\f25f" }
.icon-di-calendar-month:before { content: "\f260" }
.icon-di-call-bell:before { content: "\f261" }
.icon-di-camcorder-front:before { content: "\f262" }
.icon-di-camcorder-profile:before { content: "\f263" }
.icon-di-camel:before { content: "\f264" }
.icon-di-camera:before { content: "\f265" }
.icon-di-camera-film:before { content: "\f266" }
.icon-di-camera-flash-off:before { content: "\f267" }
.icon-di-camera-flash-on:before { content: "\f268" }
.icon-di-camera-tripod:before { content: "\f269" }
.icon-di-camera-viewfinder-black:before { content: "\f26a" }
.icon-di-camera-viewfinder-silver:before { content: "\f26b" }
.icon-di-camera-wireless:before { content: "\f26c" }
.icon-di-camp-fire:before { content: "\f26d" }
.icon-di-camp-stove:before { content: "\f26e" }
.icon-di-candle-flower:before { content: "\f26f" }
.icon-di-candle-holder:before { content: "\f270" }
.icon-di-candle-holly:before { content: "\f271" }
.icon-di-candy:before { content: "\f272" }
.icon-di-candy-bar:before { content: "\f273" }
.icon-di-candy-bar-phone:before { content: "\f274" }
.icon-di-candy-cane:before { content: "\f275" }
.icon-di-cannon:before { content: "\f276" }
.icon-di-cannon-firing:before { content: "\f277" }
.icon-di-captain:before { content: "\f278" }
.icon-di-captains-license:before { content: "\f279" }
.icon-di-car:before { content: "\f27a" }
.icon-di-car-accident:before { content: "\f27b" }
.icon-di-car-battery:before { content: "\f27c" }
.icon-di-car-cleaner-spray:before { content: "\f27d" }
.icon-di-car-engine:before { content: "\f27e" }
.icon-di-car-fire:before { content: "\f27f" }
.icon-di-car-garage:before { content: "\f280" }
.icon-di-car-plug:before { content: "\f281" }
.icon-di-car-registration:before { content: "\f282" }
.icon-di-car-rental:before { content: "\f283" }
.icon-di-car-roof-box:before { content: "\f284" }
.icon-di-car-traffic:before { content: "\f285" }
.icon-di-car-trunk:before { content: "\f286" }
.icon-di-car-wash:before { content: "\f287" }
.icon-di-carambola:before { content: "\f288" }
.icon-di-cargo-hoisting:before { content: "\f289" }
.icon-di-cargo-plane:before { content: "\f28a" }
.icon-di-carousel:before { content: "\f28b" }
.icon-di-carp:before { content: "\f28c" }
.icon-di-carpet-beater:before { content: "\f28d" }
.icon-di-carpet-rolled:before { content: "\f28e" }
.icon-di-carpool:before { content: "\f28f" }
.icon-di-carriage:before { content: "\f290" }
.icon-di-carrot:before { content: "\f291" }
.icon-di-cart-weight:before { content: "\f292" }
.icon-di-cash:before { content: "\f293" }
.icon-di-cash-dispenser:before { content: "\f294" }
.icon-di-cash-pile-perspective:before { content: "\f295" }
.icon-di-cash-pile-straight:before { content: "\f296" }
.icon-di-cash-register:before { content: "\f297" }
.icon-di-casino-chip:before { content: "\f298" }
.icon-di-casino-chips:before { content: "\f299" }
.icon-di-casino-croupier:before { content: "\f29a" }
.icon-di-cassette-tape:before { content: "\f29b" }
.icon-di-castle-tower:before { content: "\f29c" }
.icon-di-cat:before { content: "\f29d" }
.icon-di-cat-o-nine-tails:before { content: "\f29e" }
.icon-di-cauldron:before { content: "\f29f" }
.icon-di-cauliflower:before { content: "\f2a0" }
.icon-di-celery:before { content: "\f2a1" }
.icon-di-cellphone-signal:before { content: "\f2a2" }
.icon-di-centurion-helmet:before { content: "\f2a3" }
.icon-di-cereal-bowl:before { content: "\f2a4" }
.icon-di-chain-links:before { content: "\f2a5" }
.icon-di-chain-links-broken:before { content: "\f2a6" }
.icon-di-chainsaw:before { content: "\f2a7" }
.icon-di-chair:before { content: "\f2a8" }
.icon-di-chalk-outline:before { content: "\f2a9" }
.icon-di-chandelier:before { content: "\f2aa" }
.icon-di-charcoal-bag:before { content: "\f2ab" }
.icon-di-check-mark:before { content: "\f2ac" }
.icon-di-check-pen:before { content: "\f2ad" }
.icon-di-checkered-flag:before { content: "\f2ae" }
.icon-di-checklist:before { content: "\f2af" }
.icon-di-cheerleader:before { content: "\f2b0" }
.icon-di-cheese:before { content: "\f2b1" }
.icon-di-chef:before { content: "\f2b2" }
.icon-di-chemistry-experiment:before { content: "\f2b3" }
.icon-di-cherries:before { content: "\f2b4" }
.icon-di-cherry-blossom:before { content: "\f2b5" }
.icon-di-chess-knight:before { content: "\f2b6" }
.icon-di-chess-tower:before { content: "\f2b7" }
.icon-di-chestnut:before { content: "\f2b8" }
.icon-di-chichen-itza:before { content: "\f2b9" }
.icon-di-chicken-egg:before { content: "\f2ba" }
.icon-di-chicken-thigh:before { content: "\f2bb" }
.icon-di-chili-pepper:before { content: "\f2bc" }
.icon-di-chinese-take-out:before { content: "\f2bd" }
.icon-di-christmas-light:before { content: "\f2be" }
.icon-di-christmas-stocking:before { content: "\f2bf" }
.icon-di-christmas-tree:before { content: "\f2c0" }
.icon-di-chromosome:before { content: "\f2c1" }
.icon-di-church:before { content: "\f2c2" }
.icon-di-cigar:before { content: "\f2c3" }
.icon-di-circus-tent:before { content: "\f2c4" }
.icon-di-clapperboard:before { content: "\f2c5" }
.icon-di-cleaning-gloves:before { content: "\f2c6" }
.icon-di-cleaver:before { content: "\f2c7" }
.icon-di-cleaver-blood:before { content: "\f2c8" }
.icon-di-clipboard-checklist:before { content: "\f2c9" }
.icon-di-clipboard-heartbeat:before { content: "\f2ca" }
.icon-di-clipboard-text:before { content: "\f2cb" }
.icon-di-clock:before { content: "\f2cc" }
.icon-di-clog-shoe:before { content: "\f2cd" }
.icon-di-closed-sign:before { content: "\f2ce" }
.icon-di-clothes-line:before { content: "\f2cf" }
.icon-di-cloud-download:before { content: "\f2d0" }
.icon-di-cloud-keyhole:before { content: "\f2d1" }
.icon-di-cloud-rain:before { content: "\f2d2" }
.icon-di-cloud-snow:before { content: "\f2d3" }
.icon-di-cloud-storage:before { content: "\f2d4" }
.icon-di-cloud-upload:before { content: "\f2d5" }
.icon-di-clover:before { content: "\f2d6" }
.icon-di-clownfish:before { content: "\f2d7" }
.icon-di-co2-cloud:before { content: "\f2d8" }
.icon-di-co2-cow:before { content: "\f2d9" }
.icon-di-co2-sequestration:before { content: "\f2da" }
.icon-di-coast-guard-boat:before { content: "\f2db" }
.icon-di-cocktail:before { content: "\f2dc" }
.icon-di-cocktail-glass:before { content: "\f2dd" }
.icon-di-coconut-drink:before { content: "\f2de" }
.icon-di-coffee-bean-roasting:before { content: "\f2df" }
.icon-di-coffee-beans:before { content: "\f2e0" }
.icon-di-coffee-cup-plate:before { content: "\f2e1" }
.icon-di-coffee-grinder:before { content: "\f2e2" }
.icon-di-coffee-maker:before { content: "\f2e3" }
.icon-di-coffee-mug:before { content: "\f2e4" }
.icon-di-coffee-pack:before { content: "\f2e5" }
.icon-di-coffee-pot:before { content: "\f2e6" }
.icon-di-coin-cup:before { content: "\f2e7" }
.icon-di-coin-wallet:before { content: "\f2e8" }
.icon-di-cold-drink:before { content: "\f2e9" }
.icon-di-collar:before { content: "\f2ea" }
.icon-di-color-swatch:before { content: "\f2eb" }
.icon-di-colosseum:before { content: "\f2ec" }
.icon-di-combine-harvester:before { content: "\f2ed" }
.icon-di-combustible-sign:before { content: "\f2ee" }
.icon-di-comet:before { content: "\f2ef" }
.icon-di-coming-out:before { content: "\f2f0" }
.icon-di-command-line:before { content: "\f2f1" }
.icon-di-compact-camera:before { content: "\f2f2" }
.icon-di-compact-fluorescent-lamp-straight:before { content: "\f2f3" }
.icon-di-compact-fluorescent-lamp-twisted:before { content: "\f2f4" }
.icon-di-computer-communication:before { content: "\f2f5" }
.icon-di-computer-monitor-barcode:before { content: "\f2f6" }
.icon-di-computer-monitor-signal:before { content: "\f2f7" }
.icon-di-computer-tablet-game:before { content: "\f2f8" }
.icon-di-condom-folded:before { content: "\f2f9" }
.icon-di-condom-unfolded:before { content: "\f2fa" }
.icon-di-conference-call:before { content: "\f2fb" }
.icon-di-conference-phone:before { content: "\f2fc" }
.icon-di-conga:before { content: "\f2fd" }
.icon-di-constellation:before { content: "\f2fe" }
.icon-di-construction-barrier:before { content: "\f2ff" }
.icon-di-construction-sign:before { content: "\f300" }
.icon-di-construction-worker:before { content: "\f301" }
.icon-di-contact-book:before { content: "\f302" }
.icon-di-container-ship:before { content: "\f303" }
.icon-di-container-truck:before { content: "\f304" }
.icon-di-convention-balloons:before { content: "\f305" }
.icon-di-conveyor-belt:before { content: "\f306" }
.icon-di-cooking-pot:before { content: "\f307" }
.icon-di-cooking-pot-spoon:before { content: "\f308" }
.icon-di-cooling-bag:before { content: "\f309" }
.icon-di-coral:before { content: "\f30a" }
.icon-di-cordless-drill:before { content: "\f30b" }
.icon-di-cork:before { content: "\f30c" }
.icon-di-corkscrew:before { content: "\f30d" }
.icon-di-corncob:before { content: "\f30e" }
.icon-di-corner-marking:before { content: "\f30f" }
.icon-di-corporation-building:before { content: "\f310" }
.icon-di-cosmetic-surgery:before { content: "\f311" }
.icon-di-countdown:before { content: "\f312" }
.icon-di-cow:before { content: "\f313" }
.icon-di-cow-face:before { content: "\f314" }
.icon-di-cowboy:before { content: "\f315" }
.icon-di-crab:before { content: "\f316" }
.icon-di-crack-pipe:before { content: "\f317" }
.icon-di-crayon-drawing:before { content: "\f318" }
.icon-di-credit-card-hand:before { content: "\f319" }
.icon-di-credit-card-lock:before { content: "\f31a" }
.icon-di-credit-card-scissors:before { content: "\f31b" }
.icon-di-credit-card-terminal:before { content: "\f31c" }
.icon-di-credit-cards:before { content: "\f31d" }
.icon-di-crib:before { content: "\f31e" }
.icon-di-cricket-bat-ball:before { content: "\f31f" }
.icon-di-criminal:before { content: "\f320" }
.icon-di-croissant-black:before { content: "\f321" }
.icon-di-croissant-white:before { content: "\f322" }
.icon-di-cross-trainer:before { content: "\f323" }
.icon-di-crowbar:before { content: "\f324" }
.icon-di-crown:before { content: "\f325" }
.icon-di-crunch:before { content: "\f326" }
.icon-di-cucumber:before { content: "\f327" }
.icon-di-currency-exchange:before { content: "\f328" }
.icon-di-customs:before { content: "\f329" }
.icon-di-customs-inspection:before { content: "\f32a" }
.icon-di-cutting-scissors:before { content: "\f32b" }
.icon-di-dancing:before { content: "\f32c" }
.icon-di-dancing-man:before { content: "\f32d" }
.icon-di-dart-target:before { content: "\f32e" }
.icon-di-dashboard:before { content: "\f32f" }
.icon-di-database:before { content: "\f330" }
.icon-di-decoration-ribbon:before { content: "\f331" }
.icon-di-deep-fryer:before { content: "\f332" }
.icon-di-deforestation:before { content: "\f333" }
.icon-di-delegate:before { content: "\f334" }
.icon-di-delegate-hat:before { content: "\f335" }
.icon-di-delivery-man:before { content: "\f336" }
.icon-di-delivery-moped:before { content: "\f337" }
.icon-di-delivery-truck:before { content: "\f338" }
.icon-di-delivery-truck-overnight:before { content: "\f339" }
.icon-di-delivery-van:before { content: "\f33a" }
.icon-di-democratic-donkey:before { content: "\f33b" }
.icon-di-demonstrators:before { content: "\f33c" }
.icon-di-denture:before { content: "\f33d" }
.icon-di-designer-glasses:before { content: "\f33e" }
.icon-di-desktop-computer:before { content: "\f33f" }
.icon-di-detection-dog:before { content: "\f340" }
.icon-di-diaper:before { content: "\f341" }
.icon-di-dice:before { content: "\f342" }
.icon-di-dices:before { content: "\f343" }
.icon-di-diesel-locomotive:before { content: "\f344" }
.icon-di-digital-timer:before { content: "\f345" }
.icon-di-dildo:before { content: "\f346" }
.icon-di-dining-menu:before { content: "\f347" }
.icon-di-diploma:before { content: "\f348" }
.icon-di-direction:before { content: "\f349" }
.icon-di-direction-pointer:before { content: "\f34a" }
.icon-di-direction-sign:before { content: "\f34b" }
.icon-di-director-chair:before { content: "\f34c" }
.icon-di-disabled-person:before { content: "\f34d" }
.icon-di-disaster:before { content: "\f34e" }
.icon-di-discount-sticker:before { content: "\f34f" }
.icon-di-discus-throwing:before { content: "\f350" }
.icon-di-dish-brush:before { content: "\f351" }
.icon-di-dishwasher:before { content: "\f352" }
.icon-di-diving:before { content: "\f353" }
.icon-di-dna:before { content: "\f354" }
.icon-di-do-not-discard:before { content: "\f355" }
.icon-di-document-bar-chart:before { content: "\f356" }
.icon-di-document-delete:before { content: "\f357" }
.icon-di-document-download:before { content: "\f358" }
.icon-di-document-edit:before { content: "\f359" }
.icon-di-document-gear:before { content: "\f35a" }
.icon-di-document-grade:before { content: "\f35b" }
.icon-di-document-key:before { content: "\f35c" }
.icon-di-document-lock:before { content: "\f35d" }
.icon-di-document-love:before { content: "\f35e" }
.icon-di-document-org-chart:before { content: "\f35f" }
.icon-di-document-pdf:before { content: "\f360" }
.icon-di-document-pen:before { content: "\f361" }
.icon-di-document-pencil:before { content: "\f362" }
.icon-di-document-restricted:before { content: "\f363" }
.icon-di-document-search:before { content: "\f364" }
.icon-di-document-star:before { content: "\f365" }
.icon-di-document-upload:before { content: "\f366" }
.icon-di-document-world:before { content: "\f367" }
.icon-di-document-wrench:before { content: "\f368" }
.icon-di-dog-bag:before { content: "\f369" }
.icon-di-dog-collar:before { content: "\f36a" }
.icon-di-dog-food:before { content: "\f36b" }
.icon-di-dog-house:before { content: "\f36c" }
.icon-di-dog-leash:before { content: "\f36d" }
.icon-di-dog-poo:before { content: "\f36e" }
.icon-di-dog-racing:before { content: "\f36f" }
.icon-di-dog-tag:before { content: "\f370" }
.icon-di-doll:before { content: "\f371" }
.icon-di-dollar-arrow:before { content: "\f372" }
.icon-di-dollar-bills:before { content: "\f373" }
.icon-di-dolphin:before { content: "\f374" }
.icon-di-donut:before { content: "\f375" }
.icon-di-double-bed:before { content: "\f376" }
.icon-di-double-decker-bus:before { content: "\f377" }
.icon-di-dove:before { content: "\f378" }
.icon-di-downhill-skiing:before { content: "\f379" }
.icon-di-drafting-compass:before { content: "\f37a" }
.icon-di-drag-queen:before { content: "\f37b" }
.icon-di-dragon:before { content: "\f37c" }
.icon-di-draught:before { content: "\f37d" }
.icon-di-dress:before { content: "\f37e" }
.icon-di-dress-form:before { content: "\f37f" }
.icon-di-drum:before { content: "\f380" }
.icon-di-duck-hunt:before { content: "\f381" }
.icon-di-duct-tape:before { content: "\f382" }
.icon-di-dump-truck:before { content: "\f383" }
.icon-di-duster:before { content: "\f384" }
.icon-di-dutch-building:before { content: "\f385" }
.icon-di-dutch-cap-wearer:before { content: "\f386" }
.icon-di-dutch-cheese:before { content: "\f387" }
.icon-di-dutch-flag:before { content: "\f388" }
.icon-di-duty-free-bag-airplane:before { content: "\f389" }
.icon-di-duty-free-bag-text:before { content: "\f38a" }
.icon-di-earphones:before { content: "\f38b" }
.icon-di-earth:before { content: "\f38c" }
.icon-di-earth-location:before { content: "\f38d" }
.icon-di-earthquake:before { content: "\f38e" }
.icon-di-easel:before { content: "\f38f" }
.icon-di-easter-egg:before { content: "\f390" }
.icon-di-eco-cow:before { content: "\f391" }
.icon-di-eco-friendly-factory:before { content: "\f392" }
.icon-di-egg-bacon:before { content: "\f393" }
.icon-di-egg-carton:before { content: "\f394" }
.icon-di-eiffel-tower:before { content: "\f395" }
.icon-di-eight-ball:before { content: "\f396" }
.icon-di-electric-guitar:before { content: "\f397" }
.icon-di-electric-locomotive:before { content: "\f398" }
.icon-di-electric-plug-female:before { content: "\f399" }
.icon-di-electric-plug-male:before { content: "\f39a" }
.icon-di-electric-shock:before { content: "\f39b" }
.icon-di-electric-water-boiler:before { content: "\f39c" }
.icon-di-electricity:before { content: "\f39d" }
.icon-di-electrocardiogram:before { content: "\f39e" }
.icon-di-elevator:before { content: "\f39f" }
.icon-di-email-book:before { content: "\f3a0" }
.icon-di-engagement-ring:before { content: "\f3a1" }
.icon-di-english-breakfast:before { content: "\f3a2" }
.icon-di-enveloppe:before { content: "\f3a3" }
.icon-di-enveloppe-wings:before { content: "\f3a4" }
.icon-di-equalizer:before { content: "\f3a5" }
.icon-di-equipment-case:before { content: "\f3a6" }
.icon-di-eraser-crumbs:before { content: "\f3a7" }
.icon-di-eraser-line:before { content: "\f3a8" }
.icon-di-erlenmeyer-bulb:before { content: "\f3a9" }
.icon-di-erlenmeyer-flask:before { content: "\f3aa" }
.icon-di-escalator-up:before { content: "\f3ab" }
.icon-di-espresso-cup:before { content: "\f3ac" }
.icon-di-espresso-machine:before { content: "\f3ad" }
.icon-di-evidence-marker:before { content: "\f3ae" }
.icon-di-excavator:before { content: "\f3af" }
.icon-di-exchange:before { content: "\f3b0" }
.icon-di-exhaust-hood:before { content: "\f3b1" }
.icon-di-expand:before { content: "\f3b2" }
.icon-di-explosion:before { content: "\f3b3" }
.icon-di-eye-dropper:before { content: "\f3b4" }
.icon-di-eye-dropper-drop:before { content: "\f3b5" }
.icon-di-eye-open:before { content: "\f3b6" }
.icon-di-facial-mask:before { content: "\f3b7" }
.icon-di-fairy:before { content: "\f3b8" }
.icon-di-fairy-tale-book:before { content: "\f3b9" }
.icon-di-falling-climber-sign:before { content: "\f3ba" }
.icon-di-family:before { content: "\f3bb" }
.icon-di-fan:before { content: "\f3bc" }
.icon-di-farm-windmill:before { content: "\f3bd" }
.icon-di-farmer:before { content: "\f3be" }
.icon-di-fashion-designer:before { content: "\f3bf" }
.icon-di-fashion-model:before { content: "\f3c0" }
.icon-di-fasten-seatbelt:before { content: "\f3c1" }
.icon-di-fax:before { content: "\f3c2" }
.icon-di-fedora-money:before { content: "\f3c3" }
.icon-di-feed:before { content: "\f3c4" }
.icon-di-ferris-wheel:before { content: "\f3c5" }
.icon-di-ferryboat:before { content: "\f3c6" }
.icon-di-ferryboat-car:before { content: "\f3c7" }
.icon-di-field-hockey:before { content: "\f3c8" }
.icon-di-figure-skating:before { content: "\f3c9" }
.icon-di-files:before { content: "\f3ca" }
.icon-di-film-reel:before { content: "\f3cb" }
.icon-di-film-search:before { content: "\f3cc" }
.icon-di-fingerprint:before { content: "\f3cd" }
.icon-di-fingerprint-search:before { content: "\f3ce" }
.icon-di-fire:before { content: "\f3cf" }
.icon-di-fire-axes:before { content: "\f3d0" }
.icon-di-fire-badge:before { content: "\f3d1" }
.icon-di-fire-exit:before { content: "\f3d2" }
.icon-di-fire-extinguisher-heavy:before { content: "\f3d3" }
.icon-di-fire-extinguisher-light:before { content: "\f3d4" }
.icon-di-fire-fighting:before { content: "\f3d5" }
.icon-di-fire-hydrant:before { content: "\f3d6" }
.icon-di-fire-pit:before { content: "\f3d7" }
.icon-di-fire-truck:before { content: "\f3d8" }
.icon-di-firefighter:before { content: "\f3d9" }
.icon-di-firefighter-helmet:before { content: "\f3da" }
.icon-di-firehose:before { content: "\f3db" }
.icon-di-firehose-indoor:before { content: "\f3dc" }
.icon-di-fireplace:before { content: "\f3dd" }
.icon-di-fireplace-stones:before { content: "\f3de" }
.icon-di-firewall-large:before { content: "\f3df" }
.icon-di-firewall-small:before { content: "\f3e0" }
.icon-di-firework:before { content: "\f3e1" }
.icon-di-fireworks:before { content: "\f3e2" }
.icon-di-first-aid-kit:before { content: "\f3e3" }
.icon-di-first-dance:before { content: "\f3e4" }
.icon-di-fish:before { content: "\f3e5" }
.icon-di-fish-chips:before { content: "\f3e6" }
.icon-di-fish-farming:before { content: "\f3e7" }
.icon-di-fish-lemon:before { content: "\f3e8" }
.icon-di-fish-school:before { content: "\f3e9" }
.icon-di-fishbone:before { content: "\f3ea" }
.icon-di-fishbowl:before { content: "\f3eb" }
.icon-di-fist:before { content: "\f3ec" }
.icon-di-fist-hit:before { content: "\f3ed" }
.icon-di-fitness-instructor:before { content: "\f3ee" }
.icon-di-flag:before { content: "\f3ef" }
.icon-di-flash-card:before { content: "\f3f0" }
.icon-di-flashing-signal:before { content: "\f3f1" }
.icon-di-flashlight-large:before { content: "\f3f2" }
.icon-di-flashlight-small:before { content: "\f3f3" }
.icon-di-flat-panel-display:before { content: "\f3f4" }
.icon-di-fleur-de-lis:before { content: "\f3f5" }
.icon-di-flight-attendant:before { content: "\f3f6" }
.icon-di-flip-chart:before { content: "\f3f7" }
.icon-di-flip-flops:before { content: "\f3f8" }
.icon-di-flip-phone:before { content: "\f3f9" }
.icon-di-flood:before { content: "\f3fa" }
.icon-di-floodlights:before { content: "\f3fb" }
.icon-di-floor-mop:before { content: "\f3fc" }
.icon-di-floor-sign:before { content: "\f3fd" }
.icon-di-floor-sign-dollar:before { content: "\f3fe" }
.icon-di-flower-seeds:before { content: "\f3ff" }
.icon-di-fluorescent-marker:before { content: "\f400" }
.icon-di-folder-lock:before { content: "\f401" }
.icon-di-font-disk:before { content: "\f402" }
.icon-di-football:before { content: "\f403" }
.icon-di-football-goal:before { content: "\f404" }
.icon-di-football-helmet:before { content: "\f405" }
.icon-di-football-jersey:before { content: "\f406" }
.icon-di-football-player:before { content: "\f407" }
.icon-di-football-stadium:before { content: "\f408" }
.icon-di-football-throwing:before { content: "\f409" }
.icon-di-football-trophy:before { content: "\f40a" }
.icon-di-for-rent-sign:before { content: "\f40b" }
.icon-di-for-sale-sign:before { content: "\f40c" }
.icon-di-forest:before { content: "\f40d" }
.icon-di-fork-knife:before { content: "\f40e" }
.icon-di-forklift-truck:before { content: "\f40f" }
.icon-di-fountain-pen:before { content: "\f410" }
.icon-di-fountain-pen-signature:before { content: "\f411" }
.icon-di-fragile-sign:before { content: "\f412" }
.icon-di-frame:before { content: "\f413" }
.icon-di-free-kick:before { content: "\f414" }
.icon-di-free-range-chicken:before { content: "\f415" }
.icon-di-freight-plane:before { content: "\f416" }
.icon-di-french-cheese:before { content: "\f417" }
.icon-di-french-flag:before { content: "\f418" }
.icon-di-french-fries:before { content: "\f419" }
.icon-di-french-person:before { content: "\f41a" }
.icon-di-frog-prince:before { content: "\f41b" }
.icon-di-front-loader:before { content: "\f41c" }
.icon-di-fruit-bowl:before { content: "\f41d" }
.icon-di-fruit-soda-can:before { content: "\f41e" }
.icon-di-fuel-pump:before { content: "\f41f" }
.icon-di-fuji-san:before { content: "\f420" }
.icon-di-funeral:before { content: "\f421" }
.icon-di-funnel:before { content: "\f422" }
.icon-di-galaxy:before { content: "\f423" }
.icon-di-game-controller:before { content: "\f424" }
.icon-di-game-strategy:before { content: "\f425" }
.icon-di-game-tactics:before { content: "\f426" }
.icon-di-garbage-truck:before { content: "\f427" }
.icon-di-garden-hose:before { content: "\f428" }
.icon-di-garlic:before { content: "\f429" }
.icon-di-gas-burner:before { content: "\f42a" }
.icon-di-gas-flare:before { content: "\f42b" }
.icon-di-gas-mask:before { content: "\f42c" }
.icon-di-gas-mask-wearer:before { content: "\f42d" }
.icon-di-gas-pump:before { content: "\f42e" }
.icon-di-gas-pump-arrow:before { content: "\f42f" }
.icon-di-gavel:before { content: "\f430" }
.icon-di-gay-man:before { content: "\f431" }
.icon-di-gears:before { content: "\f432" }
.icon-di-geisha:before { content: "\f433" }
.icon-di-geta:before { content: "\f434" }
.icon-di-ghost:before { content: "\f435" }
.icon-di-gift:before { content: "\f436" }
.icon-di-gingerbread-house:before { content: "\f437" }
.icon-di-gingerbread-man:before { content: "\f438" }
.icon-di-glass-cleaner:before { content: "\f439" }
.icon-di-glass-container:before { content: "\f43a" }
.icon-di-glass-recycling:before { content: "\f43b" }
.icon-di-glass-recycling-bin:before { content: "\f43c" }
.icon-di-global-warming:before { content: "\f43d" }
.icon-di-globe:before { content: "\f43e" }
.icon-di-goalkeeper:before { content: "\f43f" }
.icon-di-goalkeeper-gloves:before { content: "\f440" }
.icon-di-gold-cup:before { content: "\f441" }
.icon-di-gold-medal:before { content: "\f442" }
.icon-di-golf-bag:before { content: "\f443" }
.icon-di-golf-ball:before { content: "\f444" }
.icon-di-golf-cart:before { content: "\f445" }
.icon-di-golf-clubs-ball:before { content: "\f446" }
.icon-di-golf-course:before { content: "\f447" }
.icon-di-golf-shoe:before { content: "\f448" }
.icon-di-golf-swing:before { content: "\f449" }
.icon-di-golf-trophy:before { content: "\f44a" }
.icon-di-golfer:before { content: "\f44b" }
.icon-di-golfing:before { content: "\f44c" }
.icon-di-gondola:before { content: "\f44d" }
.icon-di-gondola-lift-large:before { content: "\f44e" }
.icon-di-gondola-lift-small:before { content: "\f44f" }
.icon-di-gondolier:before { content: "\f450" }
.icon-di-grain:before { content: "\f451" }
.icon-di-gramophone:before { content: "\f452" }
.icon-di-grape:before { content: "\f453" }
.icon-di-grape-vine:before { content: "\f454" }
.icon-di-grapes:before { content: "\f455" }
.icon-di-grass:before { content: "\f456" }
.icon-di-grass-flower:before { content: "\f457" }
.icon-di-grater:before { content: "\f458" }
.icon-di-great-wall:before { content: "\f459" }
.icon-di-green-bag:before { content: "\f45a" }
.icon-di-green-car:before { content: "\f45b" }
.icon-di-green-care-horizontal:before { content: "\f45c" }
.icon-di-green-care-vertical:before { content: "\f45d" }
.icon-di-green-checkmark:before { content: "\f45e" }
.icon-di-green-earth-africa:before { content: "\f45f" }
.icon-di-green-earth-america:before { content: "\f460" }
.icon-di-green-energy-closed:before { content: "\f461" }
.icon-di-green-energy-open:before { content: "\f462" }
.icon-di-green-factory:before { content: "\f463" }
.icon-di-green-gas-pump:before { content: "\f464" }
.icon-di-green-house:before { content: "\f465" }
.icon-di-green-light-bulb:before { content: "\f466" }
.icon-di-green-nuclear:before { content: "\f467" }
.icon-di-green-pea:before { content: "\f468" }
.icon-di-green-roof:before { content: "\f469" }
.icon-di-green-shopping-cart:before { content: "\f46a" }
.icon-di-green-speech:before { content: "\f46b" }
.icon-di-green-tag:before { content: "\f46c" }
.icon-di-green-world:before { content: "\f46d" }
.icon-di-grim-reaper:before { content: "\f46e" }
.icon-di-grocery-bag-recycling:before { content: "\f46f" }
.icon-di-groom:before { content: "\f470" }
.icon-di-ground-traffic-controller:before { content: "\f471" }
.icon-di-group-search:before { content: "\f472" }
.icon-di-group-three:before { content: "\f473" }
.icon-di-group-two:before { content: "\f474" }
.icon-di-guard-dog:before { content: "\f475" }
.icon-di-guitar:before { content: "\f476" }
.icon-di-gymnastics-rings:before { content: "\f477" }
.icon-di-hagia-sophia:before { content: "\f478" }
.icon-di-hair-brush:before { content: "\f479" }
.icon-di-hair-dryer:before { content: "\f47a" }
.icon-di-hair-gel:before { content: "\f47b" }
.icon-di-hall-of-justice:before { content: "\f47c" }
.icon-di-hamburger:before { content: "\f47d" }
.icon-di-hamburger-box:before { content: "\f47e" }
.icon-di-hamburger-sticker:before { content: "\f47f" }
.icon-di-hammer:before { content: "\f480" }
.icon-di-hand-blender:before { content: "\f481" }
.icon-di-hand-coins-three:before { content: "\f482" }
.icon-di-hand-coins-two:before { content: "\f483" }
.icon-di-hand-direction:before { content: "\f484" }
.icon-di-hand-fan:before { content: "\f485" }
.icon-di-hand-grenade:before { content: "\f486" }
.icon-di-hand-gun:before { content: "\f487" }
.icon-di-hand-key:before { content: "\f488" }
.icon-di-hand-mirror:before { content: "\f489" }
.icon-di-hand-mixer:before { content: "\f48a" }
.icon-di-hand-saw:before { content: "\f48b" }
.icon-di-hand-sprout:before { content: "\f48c" }
.icon-di-hand-truck-box:before { content: "\f48d" }
.icon-di-hand-washing:before { content: "\f48e" }
.icon-di-hand-wave:before { content: "\f48f" }
.icon-di-handbell:before { content: "\f490" }
.icon-di-handcuffs:before { content: "\f491" }
.icon-di-handgrip:before { content: "\f492" }
.icon-di-handheld-game-console-large:before { content: "\f493" }
.icon-di-handheld-game-console-small:before { content: "\f494" }
.icon-di-handheld-vacuum-cleaner:before { content: "\f495" }
.icon-di-handset:before { content: "\f496" }
.icon-di-handshake:before { content: "\f497" }
.icon-di-hanger:before { content: "\f498" }
.icon-di-hard-disk-drive:before { content: "\f499" }
.icon-di-harp:before { content: "\f49a" }
.icon-di-hat-stick:before { content: "\f49b" }
.icon-di-hatchet:before { content: "\f49c" }
.icon-di-hay:before { content: "\f49d" }
.icon-di-headphones:before { content: "\f49e" }
.icon-di-headquarters-building:before { content: "\f49f" }
.icon-di-headquarters-world:before { content: "\f4a0" }
.icon-di-headset:before { content: "\f4a1" }
.icon-di-hearing-aid:before { content: "\f4a2" }
.icon-di-heart:before { content: "\f4a3" }
.icon-di-heart-adhesive-bandage:before { content: "\f4a4" }
.icon-di-heart-plus-sign:before { content: "\f4a5" }
.icon-di-heart-rate-meter:before { content: "\f4a6" }
.icon-di-heart-shaped-apple:before { content: "\f4a7" }
.icon-di-heart-strawberry:before { content: "\f4a8" }
.icon-di-heartbeat:before { content: "\f4a9" }
.icon-di-heartbeat-tracking:before { content: "\f4aa" }
.icon-di-hedgehog:before { content: "\f4ab" }
.icon-di-heels:before { content: "\f4ac" }
.icon-di-helicopter:before { content: "\f4ad" }
.icon-di-helicopter-modern:before { content: "\f4ae" }
.icon-di-high-definition-screen:before { content: "\f4af" }
.icon-di-high-heels:before { content: "\f4b0" }
.icon-di-high-kick:before { content: "\f4b1" }
.icon-di-high-voltage-sign:before { content: "\f4b2" }
.icon-di-hiker:before { content: "\f4b3" }
.icon-di-hippie:before { content: "\f4b4" }
.icon-di-hockey-stick-ball:before { content: "\f4b5" }
.icon-di-hockey-stick-puck:before { content: "\f4b6" }
.icon-di-hole-in-one:before { content: "\f4b7" }
.icon-di-holly:before { content: "\f4b8" }
.icon-di-home:before { content: "\f4b9" }
.icon-di-home-food-delivery:before { content: "\f4ba" }
.icon-di-home-search:before { content: "\f4bb" }
.icon-di-home-signal:before { content: "\f4bc" }
.icon-di-home-trainer:before { content: "\f4bd" }
.icon-di-homemade-jam:before { content: "\f4be" }
.icon-di-homosexual-couple:before { content: "\f4bf" }
.icon-di-honeymoon:before { content: "\f4c0" }
.icon-di-hook-line:before { content: "\f4c1" }
.icon-di-horse-racing:before { content: "\f4c2" }
.icon-di-horseshoe:before { content: "\f4c3" }
.icon-di-hospital-sign:before { content: "\f4c4" }
.icon-di-hot-air-balloon:before { content: "\f4c5" }
.icon-di-hot-chocolate:before { content: "\f4c6" }
.icon-di-hot-dog:before { content: "\f4c7" }
.icon-di-hot-dog-stand:before { content: "\f4c8" }
.icon-di-hot-sauce-bottle:before { content: "\f4c9" }
.icon-di-hot-sauce-pouring:before { content: "\f4ca" }
.icon-di-hotel:before { content: "\f4cb" }
.icon-di-hotel-cart:before { content: "\f4cc" }
.icon-di-hourglass:before { content: "\f4cd" }
.icon-di-hourglass-house:before { content: "\f4ce" }
.icon-di-house:before { content: "\f4cf" }
.icon-di-house-cleaning:before { content: "\f4d0" }
.icon-di-house-fire:before { content: "\f4d1" }
.icon-di-house-frame:before { content: "\f4d2" }
.icon-di-house-number:before { content: "\f4d3" }
.icon-di-house-solar-panel-sun:before { content: "\f4d4" }
.icon-di-housing-speech:before { content: "\f4d5" }
.icon-di-human-heart:before { content: "\f4d6" }
.icon-di-hurdling:before { content: "\f4d7" }
.icon-di-ice-cone:before { content: "\f4d8" }
.icon-di-ice-cream-cone-scoops:before { content: "\f4d9" }
.icon-di-ice-cream-cone-swirl:before { content: "\f4da" }
.icon-di-ice-cream-cup:before { content: "\f4db" }
.icon-di-ice-hockey:before { content: "\f4dc" }
.icon-di-ice-pop-melting:before { content: "\f4dd" }
.icon-di-ice-skate-figure:before { content: "\f4de" }
.icon-di-ice-skate-speed:before { content: "\f4df" }
.icon-di-ice-skating:before { content: "\f4e0" }
.icon-di-icy-road:before { content: "\f4e1" }
.icon-di-idea:before { content: "\f4e2" }
.icon-di-identification-badge:before { content: "\f4e3" }
.icon-di-inbox:before { content: "\f4e4" }
.icon-di-indoor-cycling:before { content: "\f4e5" }
.icon-di-inflatable-castle:before { content: "\f4e6" }
.icon-di-inflatable-duck-buoy:before { content: "\f4e7" }
.icon-di-info-sign:before { content: "\f4e8" }
.icon-di-infrared-remote-control:before { content: "\f4e9" }
.icon-di-inkjet-printer:before { content: "\f4ea" }
.icon-di-insert-coin:before { content: "\f4eb" }
.icon-di-insert-credit-card:before { content: "\f4ec" }
.icon-di-insert-key:before { content: "\f4ed" }
.icon-di-instant-camera:before { content: "\f4ee" }
.icon-di-intercourse:before { content: "\f4ef" }
.icon-di-interior-plant:before { content: "\f4f0" }
.icon-di-iris-scan:before { content: "\f4f1" }
.icon-di-irish-coffee:before { content: "\f4f2" }
.icon-di-iron:before { content: "\f4f3" }
.icon-di-islam:before { content: "\f4f4" }
.icon-di-island:before { content: "\f4f5" }
.icon-di-italian-flag:before { content: "\f4f6" }
.icon-di-italian-wine-bottle:before { content: "\f4f7" }
.icon-di-itsukushima:before { content: "\f4f8" }
.icon-di-jack-o-lantern:before { content: "\f4f9" }
.icon-di-jackhammer:before { content: "\f4fa" }
.icon-di-jail-escape:before { content: "\f4fb" }
.icon-di-japanese-temple:before { content: "\f4fc" }
.icon-di-jellyfish:before { content: "\f4fd" }
.icon-di-jet-fighter:before { content: "\f4fe" }
.icon-di-jet-skiing:before { content: "\f4ff" }
.icon-di-jetliner-front:before { content: "\f500" }
.icon-di-jetliner-top:before { content: "\f501" }
.icon-di-joint:before { content: "\f502" }
.icon-di-journalist:before { content: "\f503" }
.icon-di-joystick:before { content: "\f504" }
.icon-di-juicer:before { content: "\f505" }
.icon-di-jump-rope:before { content: "\f506" }
.icon-di-jump-start:before { content: "\f507" }
.icon-di-justice-scale-detailed:before { content: "\f508" }
.icon-di-justice-scale-simple:before { content: "\f509" }
.icon-di-kayaking:before { content: "\f50a" }
.icon-di-kebab:before { content: "\f50b" }
.icon-di-keep-dry-sign:before { content: "\f50c" }
.icon-di-kerosene-lamp:before { content: "\f50d" }
.icon-di-kettle:before { content: "\f50e" }
.icon-di-key:before { content: "\f50f" }
.icon-di-key-ring:before { content: "\f510" }
.icon-di-keyboard:before { content: "\f511" }
.icon-di-keyboard-phone:before { content: "\f512" }
.icon-di-keypad:before { content: "\f513" }
.icon-di-ki:before { content: "\f514" }
.icon-di-king-bed:before { content: "\f515" }
.icon-di-kinky-love:before { content: "\f516" }
.icon-di-kissing-dutch-children:before { content: "\f517" }
.icon-di-kitchen-knife-blood:before { content: "\f518" }
.icon-di-kitchen-lighter:before { content: "\f519" }
.icon-di-kitchen-scale:before { content: "\f51a" }
.icon-di-kitchen-timer:before { content: "\f51b" }
.icon-di-kite:before { content: "\f51c" }
.icon-di-kite-surfing:before { content: "\f51d" }
.icon-di-kiwi:before { content: "\f51e" }
.icon-di-kiyomizu:before { content: "\f51f" }
.icon-di-knife-onion:before { content: "\f520" }
.icon-di-knitting:before { content: "\f521" }
.icon-di-kremlin:before { content: "\f522" }
.icon-di-kung-fu-master:before { content: "\f523" }
.icon-di-lab-rat:before { content: "\f524" }
.icon-di-ladder:before { content: "\f525" }
.icon-di-lady-justice:before { content: "\f526" }
.icon-di-ladybug:before { content: "\f527" }
.icon-di-lamb:before { content: "\f528" }
.icon-di-lamp:before { content: "\f529" }
.icon-di-landslide:before { content: "\f52a" }
.icon-di-laptop:before { content: "\f52b" }
.icon-di-laptop-computer:before { content: "\f52c" }
.icon-di-laptop-computer-signal:before { content: "\f52d" }
.icon-di-laser-printer:before { content: "\f52e" }
.icon-di-laundry-basket:before { content: "\f52f" }
.icon-di-laurel-wealth:before { content: "\f530" }
.icon-di-law-book:before { content: "\f531" }
.icon-di-lawn-mower:before { content: "\f532" }
.icon-di-leaf:before { content: "\f533" }
.icon-di-leafless-tree:before { content: "\f534" }
.icon-di-leather-tag:before { content: "\f535" }
.icon-di-lectern:before { content: "\f536" }
.icon-di-lecture:before { content: "\f537" }
.icon-di-leek:before { content: "\f538" }
.icon-di-lemon:before { content: "\f539" }
.icon-di-lesbian-couple:before { content: "\f53a" }
.icon-di-letter-cube:before { content: "\f53b" }
.icon-di-letterpress:before { content: "\f53c" }
.icon-di-liberty-statue:before { content: "\f53d" }
.icon-di-life-jacket:before { content: "\f53e" }
.icon-di-life-ring:before { content: "\f53f" }
.icon-di-life-ring-rope:before { content: "\f540" }
.icon-di-lighthouse:before { content: "\f541" }
.icon-di-line-chart:before { content: "\f542" }
.icon-di-line-chart-down:before { content: "\f543" }
.icon-di-line-chart-up:before { content: "\f544" }
.icon-di-lips:before { content: "\f545" }
.icon-di-lipstick:before { content: "\f546" }
.icon-di-liquor-glass:before { content: "\f547" }
.icon-di-lizard:before { content: "\f548" }
.icon-di-lobster:before { content: "\f549" }
.icon-di-lock-broken:before { content: "\f54a" }
.icon-di-lock-closed:before { content: "\f54b" }
.icon-di-lock-open:before { content: "\f54c" }
.icon-di-lockers:before { content: "\f54d" }
.icon-di-log-cabin:before { content: "\f54e" }
.icon-di-london-underground:before { content: "\f54f" }
.icon-di-loser-hand-sign:before { content: "\f550" }
.icon-di-lost-and-found:before { content: "\f551" }
.icon-di-lotion-bottle:before { content: "\f552" }
.icon-di-lotion-bottles:before { content: "\f553" }
.icon-di-lotion-bowl:before { content: "\f554" }
.icon-di-lotion-dispenser:before { content: "\f555" }
.icon-di-loudspeaker:before { content: "\f556" }
.icon-di-loudspeakers:before { content: "\f557" }
.icon-di-lounger-chair-parasol:before { content: "\f558" }
.icon-di-love-for-scissors:before { content: "\f559" }
.icon-di-lubricant:before { content: "\f55a" }
.icon-di-lubricating-oil-can:before { content: "\f55b" }
.icon-di-lucky-seven:before { content: "\f55c" }
.icon-di-luggage-cart-flat:before { content: "\f55d" }
.icon-di-luggage-cart-tilted:before { content: "\f55e" }
.icon-di-luggage-scale:before { content: "\f55f" }
.icon-di-luggage-tag:before { content: "\f560" }
.icon-di-luggage-weight:before { content: "\f561" }
.icon-di-lunch-box:before { content: "\f562" }
.icon-di-lungs:before { content: "\f563" }
.icon-di-luxury-watch:before { content: "\f564" }
.icon-di-magic-broom:before { content: "\f565" }
.icon-di-magic-lamp:before { content: "\f566" }
.icon-di-magic-mirror:before { content: "\f567" }
.icon-di-magic-wand:before { content: "\f568" }
.icon-di-magnetic-compass:before { content: "\f569" }
.icon-di-magnifying-glass:before { content: "\f56a" }
.icon-di-maid:before { content: "\f56b" }
.icon-di-mail:before { content: "\f56c" }
.icon-di-maki-sushi:before { content: "\f56d" }
.icon-di-mallet-wrenches:before { content: "\f56e" }
.icon-di-man-at-work:before { content: "\f56f" }
.icon-di-man-woman-symbols:before { content: "\f570" }
.icon-di-manager:before { content: "\f571" }
.icon-di-manual-forklift-box:before { content: "\f572" }
.icon-di-map-location:before { content: "\f573" }
.icon-di-maraca:before { content: "\f574" }
.icon-di-marijuana:before { content: "\f575" }
.icon-di-marijuana-pipe:before { content: "\f576" }
.icon-di-marijuana-plant:before { content: "\f577" }
.icon-di-marine-signal-flags:before { content: "\f578" }
.icon-di-mask-snorkle:before { content: "\f579" }
.icon-di-massage:before { content: "\f57a" }
.icon-di-match:before { content: "\f57b" }
.icon-di-matryoshka:before { content: "\f57c" }
.icon-di-maximum-speed:before { content: "\f57d" }
.icon-di-meal-for-two:before { content: "\f57e" }
.icon-di-measuring-cup:before { content: "\f57f" }
.icon-di-measuring-tape:before { content: "\f580" }
.icon-di-mechanic:before { content: "\f581" }
.icon-di-medical-sign:before { content: "\f582" }
.icon-di-medical-thermometer:before { content: "\f583" }
.icon-di-medicine:before { content: "\f584" }
.icon-di-medicine-bowl:before { content: "\f585" }
.icon-di-medieval-knight:before { content: "\f586" }
.icon-di-meeting:before { content: "\f587" }
.icon-di-megaphone:before { content: "\f588" }
.icon-di-melodica:before { content: "\f589" }
.icon-di-mermaid:before { content: "\f58a" }
.icon-di-merry-go-round:before { content: "\f58b" }
.icon-di-message-bottle:before { content: "\f58c" }
.icon-di-message-love:before { content: "\f58d" }
.icon-di-message-quote:before { content: "\f58e" }
.icon-di-messenger-bag:before { content: "\f58f" }
.icon-di-metal-detector:before { content: "\f590" }
.icon-di-metal-fence:before { content: "\f591" }
.icon-di-meteorite:before { content: "\f592" }
.icon-di-microchip:before { content: "\f593" }
.icon-di-microphone-cord:before { content: "\f594" }
.icon-di-microphone-stand:before { content: "\f595" }
.icon-di-microphone-star:before { content: "\f596" }
.icon-di-microscope-advanced:before { content: "\f597" }
.icon-di-microscope-basic:before { content: "\f598" }
.icon-di-microwave-oven:before { content: "\f599" }
.icon-di-military-medal:before { content: "\f59a" }
.icon-di-military-officer:before { content: "\f59b" }
.icon-di-military-ribbon:before { content: "\f59c" }
.icon-di-milk-can:before { content: "\f59d" }
.icon-di-milk-jug:before { content: "\f59e" }
.icon-di-milk-pot:before { content: "\f59f" }
.icon-di-mini-truck:before { content: "\f5a0" }
.icon-di-minivan:before { content: "\f5a1" }
.icon-di-mirror-clean:before { content: "\f5a2" }
.icon-di-mistletoe:before { content: "\f5a3" }
.icon-di-mittens:before { content: "\f5a4" }
.icon-di-mixing-console:before { content: "\f5a5" }
.icon-di-moai:before { content: "\f5a6" }
.icon-di-mobile:before { content: "\f5a7" }
.icon-di-mobile-phone:before { content: "\f5a8" }
.icon-di-mobile-phone-signal:before { content: "\f5a9" }
.icon-di-molecule:before { content: "\f5aa" }
.icon-di-mona-lisa:before { content: "\f5ab" }
.icon-di-money-bag-large:before { content: "\f5ac" }
.icon-di-money-bag-small:before { content: "\f5ad" }
.icon-di-money-laundering:before { content: "\f5ae" }
.icon-di-monitor:before { content: "\f5af" }
.icon-di-moon-orbit:before { content: "\f5b0" }
.icon-di-moped:before { content: "\f5b1" }
.icon-di-mortarboard:before { content: "\f5b2" }
.icon-di-mosque:before { content: "\f5b3" }
.icon-di-motocrossing:before { content: "\f5b4" }
.icon-di-motorboat:before { content: "\f5b5" }
.icon-di-motorcycle:before { content: "\f5b6" }
.icon-di-motorized-wheelchair:before { content: "\f5b7" }
.icon-di-mountains:before { content: "\f5b8" }
.icon-di-mouse:before { content: "\f5b9" }
.icon-di-movie-camera:before { content: "\f5ba" }
.icon-di-movie-camera-tripod:before { content: "\f5bb" }
.icon-di-movie-director:before { content: "\f5bc" }
.icon-di-movie-film:before { content: "\f5bd" }
.icon-di-movie-film-play-large:before { content: "\f5be" }
.icon-di-movie-film-play-small:before { content: "\f5bf" }
.icon-di-movie-ticket:before { content: "\f5c0" }
.icon-di-moving-walkway:before { content: "\f5c1" }
.icon-di-muffin:before { content: "\f5c2" }
.icon-di-mugshot:before { content: "\f5c3" }
.icon-di-mushroom:before { content: "\f5c4" }
.icon-di-mushrooms:before { content: "\f5c5" }
.icon-di-music-program:before { content: "\f5c6" }
.icon-di-music-sheet:before { content: "\f5c7" }
.icon-di-musical-note:before { content: "\f5c8" }
.icon-di-nanjing-porcelain-tower:before { content: "\f5c9" }
.icon-di-napkin:before { content: "\f5ca" }
.icon-di-navy-sailor:before { content: "\f5cb" }
.icon-di-necklace:before { content: "\f5cc" }
.icon-di-necktie:before { content: "\f5cd" }
.icon-di-nerd:before { content: "\f5ce" }
.icon-di-newborn-chicken:before { content: "\f5cf" }
.icon-di-news-agency:before { content: "\f5d0" }
.icon-di-news-anchor:before { content: "\f5d1" }
.icon-di-news-camera:before { content: "\f5d2" }
.icon-di-news-microphone:before { content: "\f5d3" }
.icon-di-news-van:before { content: "\f5d4" }
.icon-di-newspaper:before { content: "\f5d5" }
.icon-di-newspaper-cutline:before { content: "\f5d6" }
.icon-di-newspaper-feed:before { content: "\f5d7" }
.icon-di-newspaper-folded:before { content: "\f5d8" }
.icon-di-newspaper-reader:before { content: "\f5d9" }
.icon-di-newspaper-recycling:before { content: "\f5da" }
.icon-di-no-cellphone:before { content: "\f5db" }
.icon-di-no-entry-door-sign:before { content: "\f5dc" }
.icon-di-no-entry-sign:before { content: "\f5dd" }
.icon-di-no-smoking:before { content: "\f5de" }
.icon-di-noose:before { content: "\f5df" }
.icon-di-note-pushpin:before { content: "\f5e0" }
.icon-di-notebook:before { content: "\f5e1" }
.icon-di-notepad-pencil:before { content: "\f5e2" }
.icon-di-nuclear-explosion:before { content: "\f5e3" }
.icon-di-nuclear-power-plant:before { content: "\f5e4" }
.icon-di-nuclear-radiation:before { content: "\f5e5" }
.icon-di-nuclear-warning:before { content: "\f5e6" }
.icon-di-nuclear-waste:before { content: "\f5e7" }
.icon-di-nurse:before { content: "\f5e8" }
.icon-di-oasis:before { content: "\f5e9" }
.icon-di-observatory:before { content: "\f5ea" }
.icon-di-octopus:before { content: "\f5eb" }
.icon-di-off-road-vehicle:before { content: "\f5ec" }
.icon-di-office-chair:before { content: "\f5ed" }
.icon-di-officer-identification-card:before { content: "\f5ee" }
.icon-di-offshore-drilling-platform:before { content: "\f5ef" }
.icon-di-oil-barrel:before { content: "\f5f0" }
.icon-di-oil-barrel-dollar:before { content: "\f5f1" }
.icon-di-oil-barrel-drop:before { content: "\f5f2" }
.icon-di-oil-can:before { content: "\f5f3" }
.icon-di-oil-can-drop:before { content: "\f5f4" }
.icon-di-oil-can-fire:before { content: "\f5f5" }
.icon-di-oil-can-handle:before { content: "\f5f6" }
.icon-di-oil-drilling:before { content: "\f5f7" }
.icon-di-oil-drop-long:before { content: "\f5f8" }
.icon-di-oil-drop-short:before { content: "\f5f9" }
.icon-di-oil-refinery:before { content: "\f5fa" }
.icon-di-oil-spill:before { content: "\f5fb" }
.icon-di-oil-tank:before { content: "\f5fc" }
.icon-di-oil-tanker:before { content: "\f5fd" }
.icon-di-okay-sign:before { content: "\f5fe" }
.icon-di-olive-oil-bottle:before { content: "\f5ff" }
.icon-di-olive-oil-pitcher:before { content: "\f600" }
.icon-di-olives:before { content: "\f601" }
.icon-di-olives-branch:before { content: "\f602" }
.icon-di-olympic-flame:before { content: "\f603" }
.icon-di-onesie:before { content: "\f604" }
.icon-di-onion:before { content: "\f605" }
.icon-di-online-flight-reservation:before { content: "\f606" }
.icon-di-online-food-ordering:before { content: "\f607" }
.icon-di-online-porno:before { content: "\f608" }
.icon-di-online-real-estate-listing:before { content: "\f609" }
.icon-di-online-shopping:before { content: "\f60a" }
.icon-di-online-theft:before { content: "\f60b" }
.icon-di-open-sign:before { content: "\f60c" }
.icon-di-open-upright:before { content: "\f60d" }
.icon-di-opium:before { content: "\f60e" }
.icon-di-optical-disk:before { content: "\f60f" }
.icon-di-optical-disk-burning:before { content: "\f610" }
.icon-di-optical-disk-drive:before { content: "\f611" }
.icon-di-orange:before { content: "\f612" }
.icon-di-orange-juice-glass:before { content: "\f613" }
.icon-di-orchid-five:before { content: "\f614" }
.icon-di-orchid-four:before { content: "\f615" }
.icon-di-org-chart:before { content: "\f616" }
.icon-di-organic-flower:before { content: "\f617" }
.icon-di-organic-grain:before { content: "\f618" }
.icon-di-organic-honey:before { content: "\f619" }
.icon-di-organic-label:before { content: "\f61a" }
.icon-di-organic-sticker:before { content: "\f61b" }
.icon-di-organic-vegetables:before { content: "\f61c" }
.icon-di-oriental-tea-kettle:before { content: "\f61d" }
.icon-di-origami:before { content: "\f61e" }
.icon-di-oven:before { content: "\f61f" }
.icon-di-oven-mitt:before { content: "\f620" }
.icon-di-pacifier:before { content: "\f621" }
.icon-di-paint-brush-large:before { content: "\f622" }
.icon-di-paint-brush-small:before { content: "\f623" }
.icon-di-paint-can:before { content: "\f624" }
.icon-di-paint-can-brush:before { content: "\f625" }
.icon-di-paint-can-pouring:before { content: "\f626" }
.icon-di-paint-roller:before { content: "\f627" }
.icon-di-painting:before { content: "\f628" }
.icon-di-palette:before { content: "\f629" }
.icon-di-palm-leaf:before { content: "\f62a" }
.icon-di-palm-tree:before { content: "\f62b" }
.icon-di-palm-trees-hammock:before { content: "\f62c" }
.icon-di-pan-fire:before { content: "\f62d" }
.icon-di-pan-vegetables:before { content: "\f62e" }
.icon-di-pancakes:before { content: "\f62f" }
.icon-di-panpipe:before { content: "\f630" }
.icon-di-paper-shredder:before { content: "\f631" }
.icon-di-paper-stack:before { content: "\f632" }
.icon-di-paperbag:before { content: "\f633" }
.icon-di-paperbag-tag:before { content: "\f634" }
.icon-di-paperclip:before { content: "\f635" }
.icon-di-paperclip-pencil:before { content: "\f636" }
.icon-di-paperplane:before { content: "\f637" }
.icon-di-paprika:before { content: "\f638" }
.icon-di-parcel-scale:before { content: "\f639" }
.icon-di-park:before { content: "\f63a" }
.icon-di-park-map:before { content: "\f63b" }
.icon-di-parrot:before { content: "\f63c" }
.icon-di-party-balloons:before { content: "\f63d" }
.icon-di-party-boy:before { content: "\f63e" }
.icon-di-party-decoration:before { content: "\f63f" }
.icon-di-party-horn:before { content: "\f640" }
.icon-di-party-tents:before { content: "\f641" }
.icon-di-passport:before { content: "\f642" }
.icon-di-passport-pictures:before { content: "\f643" }
.icon-di-pasta-maker:before { content: "\f644" }
.icon-di-patriotic-decorations:before { content: "\f645" }
.icon-di-paw:before { content: "\f646" }
.icon-di-pay-tv:before { content: "\f647" }
.icon-di-pay-tv-soccer:before { content: "\f648" }
.icon-di-pear:before { content: "\f649" }
.icon-di-pedal-car:before { content: "\f64a" }
.icon-di-pen:before { content: "\f64b" }
.icon-di-pen-line:before { content: "\f64c" }
.icon-di-pencil:before { content: "\f64d" }
.icon-di-pencil-drawing:before { content: "\f64e" }
.icon-di-pencil-ruler:before { content: "\f64f" }
.icon-di-pepper:before { content: "\f650" }
.icon-di-performer:before { content: "\f651" }
.icon-di-perfume-spray:before { content: "\f652" }
.icon-di-personal-safe:before { content: "\f653" }
.icon-di-personal-scale:before { content: "\f654" }
.icon-di-pet-leash:before { content: "\f655" }
.icon-di-pet-treats:before { content: "\f656" }
.icon-di-pet-water-dispenser:before { content: "\f657" }
.icon-di-petanque:before { content: "\f658" }
.icon-di-pharmacy-sign:before { content: "\f659" }
.icon-di-phone-24-hours:before { content: "\f65a" }
.icon-di-phone-book:before { content: "\f65b" }
.icon-di-phone-handset-cord:before { content: "\f65c" }
.icon-di-phone-handset-signal:before { content: "\f65d" }
.icon-di-phone-message-dollar:before { content: "\f65e" }
.icon-di-phone-message-fire:before { content: "\f65f" }
.icon-di-phone-message-love:before { content: "\f660" }
.icon-di-phone-ringing:before { content: "\f661" }
.icon-di-photo-editor:before { content: "\f662" }
.icon-di-photo-printer:before { content: "\f663" }
.icon-di-piano:before { content: "\f664" }
.icon-di-picket-fence:before { content: "\f665" }
.icon-di-picnic-basket:before { content: "\f666" }
.icon-di-picnic-table:before { content: "\f667" }
.icon-di-pictures:before { content: "\f668" }
.icon-di-pie-chart:before { content: "\f669" }
.icon-di-pig:before { content: "\f66a" }
.icon-di-piggy-bank-broken:before { content: "\f66b" }
.icon-di-piggy-bank-coin:before { content: "\f66c" }
.icon-di-pill:before { content: "\f66d" }
.icon-di-pill-bottle:before { content: "\f66e" }
.icon-di-pills:before { content: "\f66f" }
.icon-di-pilot:before { content: "\f670" }
.icon-di-pineapple:before { content: "\f671" }
.icon-di-pinecone:before { content: "\f672" }
.icon-di-pinpoint-location:before { content: "\f673" }
.icon-di-pipe-smoke:before { content: "\f674" }
.icon-di-pipe-wrench-pliers:before { content: "\f675" }
.icon-di-pirate:before { content: "\f676" }
.icon-di-pirate-flag:before { content: "\f677" }
.icon-di-pirate-hook:before { content: "\f678" }
.icon-di-pirate-ship:before { content: "\f679" }
.icon-di-pirate-sword:before { content: "\f67a" }
.icon-di-pisa-tower:before { content: "\f67b" }
.icon-di-pitchfork:before { content: "\f67c" }
.icon-di-pizza:before { content: "\f67d" }
.icon-di-pizza-box:before { content: "\f67e" }
.icon-di-pizza-cutter:before { content: "\f67f" }
.icon-di-pizza-oven:before { content: "\f680" }
.icon-di-pizza-slice:before { content: "\f681" }
.icon-di-planet:before { content: "\f682" }
.icon-di-plant-leaves:before { content: "\f683" }
.icon-di-plant-rising:before { content: "\f684" }
.icon-di-player-change:before { content: "\f685" }
.icon-di-playing-cards-jack:before { content: "\f686" }
.icon-di-playing-cards-spade:before { content: "\f687" }
.icon-di-playing-cards-sword:before { content: "\f688" }
.icon-di-plunger-brush:before { content: "\f689" }
.icon-di-pocket-calculator:before { content: "\f68a" }
.icon-di-pocket-knife:before { content: "\f68b" }
.icon-di-pocket-pens:before { content: "\f68c" }
.icon-di-podcast-large:before { content: "\f68d" }
.icon-di-podcast-small:before { content: "\f68e" }
.icon-di-podium:before { content: "\f68f" }
.icon-di-poison-apple:before { content: "\f690" }
.icon-di-poison-bottle:before { content: "\f691" }
.icon-di-poker-table:before { content: "\f692" }
.icon-di-polar-bear:before { content: "\f693" }
.icon-di-police-badge:before { content: "\f694" }
.icon-di-police-batton:before { content: "\f695" }
.icon-di-police-car:before { content: "\f696" }
.icon-di-police-officer:before { content: "\f697" }
.icon-di-pomegranate:before { content: "\f698" }
.icon-di-pool-ladder:before { content: "\f699" }
.icon-di-pool-rack:before { content: "\f69a" }
.icon-di-popcorn:before { content: "\f69b" }
.icon-di-pope-hat:before { content: "\f69c" }
.icon-di-port-crane:before { content: "\f69d" }
.icon-di-portable-audio-player:before { content: "\f69e" }
.icon-di-portable-cassette-player:before { content: "\f69f" }
.icon-di-portable-kennel:before { content: "\f6a0" }
.icon-di-porthole:before { content: "\f6a1" }
.icon-di-postage-stamp:before { content: "\f6a2" }
.icon-di-postcards:before { content: "\f6a3" }
.icon-di-potato-chips:before { content: "\f6a4" }
.icon-di-potted-flower:before { content: "\f6a5" }
.icon-di-power-outlet:before { content: "\f6a6" }
.icon-di-power-plate:before { content: "\f6a7" }
.icon-di-praying:before { content: "\f6a8" }
.icon-di-presenter:before { content: "\f6a9" }
.icon-di-presidential-seat:before { content: "\f6aa" }
.icon-di-press-button:before { content: "\f6ab" }
.icon-di-price-tag:before { content: "\f6ac" }
.icon-di-priest:before { content: "\f6ad" }
.icon-di-princess:before { content: "\f6ae" }
.icon-di-printed-circuit-board:before { content: "\f6af" }
.icon-di-printer-calibration:before { content: "\f6b0" }
.icon-di-printing-press:before { content: "\f6b1" }
.icon-di-privacy-door-sign:before { content: "\f6b2" }
.icon-di-professor:before { content: "\f6b3" }
.icon-di-projection-screen-chart:before { content: "\f6b4" }
.icon-di-projection-screen-play:before { content: "\f6b5" }
.icon-di-proof-reading:before { content: "\f6b6" }
.icon-di-protractor:before { content: "\f6b7" }
.icon-di-pruning-shears:before { content: "\f6b8" }
.icon-di-pub-sign:before { content: "\f6b9" }
.icon-di-pumpjack:before { content: "\f6ba" }
.icon-di-pumpkin:before { content: "\f6bb" }
.icon-di-punch-bag:before { content: "\f6bc" }
.icon-di-purse:before { content: "\f6bd" }
.icon-di-push-mower:before { content: "\f6be" }
.icon-di-putting:before { content: "\f6bf" }
.icon-di-puzzle-piece:before { content: "\f6c0" }
.icon-di-pylon:before { content: "\f6c1" }
.icon-di-pyramids:before { content: "\f6c2" }
.icon-di-qr-code-scan:before { content: "\f6c3" }
.icon-di-quarterback:before { content: "\f6c4" }
.icon-di-quran:before { content: "\f6c5" }
.icon-di-rabbit:before { content: "\f6c6" }
.icon-di-race-track:before { content: "\f6c7" }
.icon-di-racegun:before { content: "\f6c8" }
.icon-di-radar-screen:before { content: "\f6c9" }
.icon-di-radio-control:before { content: "\f6ca" }
.icon-di-radio-large:before { content: "\f6cb" }
.icon-di-radio-small:before { content: "\f6cc" }
.icon-di-radio-tower:before { content: "\f6cd" }
.icon-di-rainbow:before { content: "\f6ce" }
.icon-di-ransom-note:before { content: "\f6cf" }
.icon-di-raspberry:before { content: "\f6d0" }
.icon-di-rastafarian:before { content: "\f6d1" }
.icon-di-rattle:before { content: "\f6d2" }
.icon-di-ravioli:before { content: "\f6d3" }
.icon-di-razor-blade-line:before { content: "\f6d4" }
.icon-di-reading-glasses:before { content: "\f6d5" }
.icon-di-reality-tv:before { content: "\f6d6" }
.icon-di-receipt-change:before { content: "\f6d7" }
.icon-di-recreational-vehicle:before { content: "\f6d8" }
.icon-di-recycling-bag:before { content: "\f6d9" }
.icon-di-recycling-bin:before { content: "\f6da" }
.icon-di-recycling-circle:before { content: "\f6db" }
.icon-di-recycling-love:before { content: "\f6dc" }
.icon-di-recycling-single:before { content: "\f6dd" }
.icon-di-recycling-tag:before { content: "\f6de" }
.icon-di-recycling-triangle:before { content: "\f6df" }
.icon-di-red-card:before { content: "\f6e0" }
.icon-di-reeds:before { content: "\f6e1" }
.icon-di-reindeer:before { content: "\f6e2" }
.icon-di-reindeer-face:before { content: "\f6e3" }
.icon-di-remove-sign:before { content: "\f6e4" }
.icon-di-rent-sign:before { content: "\f6e5" }
.icon-di-reply:before { content: "\f6e6" }
.icon-di-reporting-structure:before { content: "\f6e7" }
.icon-di-republican-elephant:before { content: "\f6e8" }
.icon-di-restaurant-location:before { content: "\f6e9" }
.icon-di-restaurant-sign:before { content: "\f6ea" }
.icon-di-resume:before { content: "\f6eb" }
.icon-di-reticle:before { content: "\f6ec" }
.icon-di-reticle-bug:before { content: "\f6ed" }
.icon-di-retractable-measuring-tape:before { content: "\f6ee" }
.icon-di-revolver:before { content: "\f6ef" }
.icon-di-ribbon:before { content: "\f6f0" }
.icon-di-ribbon-star:before { content: "\f6f1" }
.icon-di-ride:before { content: "\f6f2" }
.icon-di-road-bike:before { content: "\f6f3" }
.icon-di-roasted-chicken:before { content: "\f6f4" }
.icon-di-rocket:before { content: "\f6f5" }
.icon-di-rocking-horse:before { content: "\f6f6" }
.icon-di-rollercoaster-steel:before { content: "\f6f7" }
.icon-di-rollercoaster-wood:before { content: "\f6f8" }
.icon-di-rolling-suitcase:before { content: "\f6f9" }
.icon-di-room-service:before { content: "\f6fa" }
.icon-di-rooster:before { content: "\f6fb" }
.icon-di-rope-knot:before { content: "\f6fc" }
.icon-di-rose:before { content: "\f6fd" }
.icon-di-rotating-beacon:before { content: "\f6fe" }
.icon-di-roulette:before { content: "\f6ff" }
.icon-di-roulette-equipment:before { content: "\f700" }
.icon-di-roundabout:before { content: "\f701" }
.icon-di-route-66:before { content: "\f702" }
.icon-di-rowing:before { content: "\f703" }
.icon-di-royal-eagle:before { content: "\f704" }
.icon-di-rss-feed:before { content: "\f705" }
.icon-di-rubber-stamp:before { content: "\f706" }
.icon-di-ruler:before { content: "\f707" }
.icon-di-running:before { content: "\f708" }
.icon-di-running-late:before { content: "\f709" }
.icon-di-safe:before { content: "\f70a" }
.icon-di-safety-pin:before { content: "\f70b" }
.icon-di-sailboat:before { content: "\f70c" }
.icon-di-sailing:before { content: "\f70d" }
.icon-di-sake-cup-bottle:before { content: "\f70e" }
.icon-di-salad:before { content: "\f70f" }
.icon-di-salad-bowl:before { content: "\f710" }
.icon-di-sale-sticker:before { content: "\f711" }
.icon-di-sale-tag:before { content: "\f712" }
.icon-di-salt:before { content: "\f713" }
.icon-di-sand-toys:before { content: "\f714" }
.icon-di-sandal:before { content: "\f715" }
.icon-di-sandwich:before { content: "\f716" }
.icon-di-santa-claus:before { content: "\f717" }
.icon-di-santa-hat:before { content: "\f718" }
.icon-di-sardine-tin:before { content: "\f719" }
.icon-di-satellite:before { content: "\f71a" }
.icon-di-satellite-dish:before { content: "\f71b" }
.icon-di-sauna:before { content: "\f71c" }
.icon-di-sauna-water-bucket:before { content: "\f71d" }
.icon-di-sausage:before { content: "\f71e" }
.icon-di-sausage-fork:before { content: "\f71f" }
.icon-di-sawing:before { content: "\f720" }
.icon-di-saxophone:before { content: "\f721" }
.icon-di-scalpel:before { content: "\f722" }
.icon-di-scarecrow:before { content: "\f723" }
.icon-di-scarf:before { content: "\f724" }
.icon-di-school-bus:before { content: "\f725" }
.icon-di-school-teacher:before { content: "\f726" }
.icon-di-school-tower:before { content: "\f727" }
.icon-di-scientist:before { content: "\f728" }
.icon-di-scimitars:before { content: "\f729" }
.icon-di-scissors:before { content: "\f72a" }
.icon-di-scissors-comb:before { content: "\f72b" }
.icon-di-scoreboard:before { content: "\f72c" }
.icon-di-screwdriver:before { content: "\f72d" }
.icon-di-scuba-diving:before { content: "\f72e" }
.icon-di-scythe:before { content: "\f72f" }
.icon-di-sea-anemone:before { content: "\f730" }
.icon-di-sea-horse:before { content: "\f731" }
.icon-di-sea-snake:before { content: "\f732" }
.icon-di-seagull:before { content: "\f733" }
.icon-di-seaweed:before { content: "\f734" }
.icon-di-secure-wireless-communication:before { content: "\f735" }
.icon-di-security-guard:before { content: "\f736" }
.icon-di-senior-man:before { content: "\f737" }
.icon-di-senior-man-walking:before { content: "\f738" }
.icon-di-senior-woman:before { content: "\f739" }
.icon-di-servers:before { content: "\f73a" }
.icon-di-severed-thumb:before { content: "\f73b" }
.icon-di-share:before { content: "\f73c" }
.icon-di-shark:before { content: "\f73d" }
.icon-di-sheep:before { content: "\f73e" }
.icon-di-shell-cone:before { content: "\f73f" }
.icon-di-shell-flat:before { content: "\f740" }
.icon-di-shell-game:before { content: "\f741" }
.icon-di-sheriff-badge:before { content: "\f742" }
.icon-di-shield-checkered:before { content: "\f743" }
.icon-di-shield-checkmark:before { content: "\f744" }
.icon-di-ship-upright:before { content: "\f745" }
.icon-di-ship-wheel:before { content: "\f746" }
.icon-di-shipping-box:before { content: "\f747" }
.icon-di-shipping-container-crane:before { content: "\f748" }
.icon-di-shipwheel:before { content: "\f749" }
.icon-di-shipwreck:before { content: "\f74a" }
.icon-di-shirt-tie:before { content: "\f74b" }
.icon-di-shoe-print:before { content: "\f74c" }
.icon-di-shoe-tag:before { content: "\f74d" }
.icon-di-shooting-star:before { content: "\f74e" }
.icon-di-shooting-target:before { content: "\f74f" }
.icon-di-shopping-bag:before { content: "\f750" }
.icon-di-shopping-basket:before { content: "\f751" }
.icon-di-shopping-basket-in:before { content: "\f752" }
.icon-di-shopping-basket-tag:before { content: "\f753" }
.icon-di-shopping-cart:before { content: "\f754" }
.icon-di-shopping-cart-add:before { content: "\f755" }
.icon-di-shopping-cart-full:before { content: "\f756" }
.icon-di-shopping-cart-house:before { content: "\f757" }
.icon-di-shopping-cart-remove:before { content: "\f758" }
.icon-di-shovel:before { content: "\f759" }
.icon-di-shovel-dirt:before { content: "\f75a" }
.icon-di-shower:before { content: "\f75b" }
.icon-di-shrimp:before { content: "\f75c" }
.icon-di-shuffle:before { content: "\f75d" }
.icon-di-sigma:before { content: "\f75e" }
.icon-di-sinking-sailboat:before { content: "\f75f" }
.icon-di-sippy-cup:before { content: "\f760" }
.icon-di-ski-lift:before { content: "\f761" }
.icon-di-skid-steer-loader:before { content: "\f762" }
.icon-di-skier:before { content: "\f763" }
.icon-di-skull-bones:before { content: "\f764" }
.icon-di-sledding:before { content: "\f765" }
.icon-di-sleeveless-shirt-hanger:before { content: "\f766" }
.icon-di-sleigh:before { content: "\f767" }
.icon-di-slider-phone-horizontal:before { content: "\f768" }
.icon-di-slider-phone-q:before { content: "\f769" }
.icon-di-slider-phone-vertical:before { content: "\f76a" }
.icon-di-slideshow:before { content: "\f76b" }
.icon-di-slimmer:before { content: "\f76c" }
.icon-di-slippery:before { content: "\f76d" }
.icon-di-slot-machine:before { content: "\f76e" }
.icon-di-slr-camera:before { content: "\f76f" }
.icon-di-smartphone-message:before { content: "\f770" }
.icon-di-smartphone-message-dollar:before { content: "\f771" }
.icon-di-smartphone-message-fire:before { content: "\f772" }
.icon-di-smartphone-message-love:before { content: "\f773" }
.icon-di-smartphone-message-user:before { content: "\f774" }
.icon-di-smartphone-message-wireless:before { content: "\f775" }
.icon-di-smartphone-note:before { content: "\f776" }
.icon-di-smartphone-play:before { content: "\f777" }
.icon-di-smartphone-receive:before { content: "\f778" }
.icon-di-smartphone-send:before { content: "\f779" }
.icon-di-smartphone-sms:before { content: "\f77a" }
.icon-di-smokestacks:before { content: "\f77b" }
.icon-di-snake-charming:before { content: "\f77c" }
.icon-di-snow-boot:before { content: "\f77d" }
.icon-di-snow-globe:before { content: "\f77e" }
.icon-di-snow-shoveling:before { content: "\f77f" }
.icon-di-snow-tire:before { content: "\f780" }
.icon-di-snowboarding:before { content: "\f781" }
.icon-di-snowflake-detailed:before { content: "\f782" }
.icon-di-snowflake-simple:before { content: "\f783" }
.icon-di-snowman:before { content: "\f784" }
.icon-di-snowmobiling:before { content: "\f785" }
.icon-di-soap:before { content: "\f786" }
.icon-di-soccer:before { content: "\f787" }
.icon-di-soccer-ball:before { content: "\f788" }
.icon-di-soccer-ball-cone:before { content: "\f789" }
.icon-di-soccer-ball-flying:before { content: "\f78a" }
.icon-di-soccer-card:before { content: "\f78b" }
.icon-di-soccer-club-shield:before { content: "\f78c" }
.icon-di-soccer-club-shield-crown:before { content: "\f78d" }
.icon-di-soccer-fan:before { content: "\f78e" }
.icon-di-soccer-game-calendar:before { content: "\f78f" }
.icon-di-soccer-goal:before { content: "\f790" }
.icon-di-soccer-jersey-3:before { content: "\f791" }
.icon-di-soccer-jersey-9:before { content: "\f792" }
.icon-di-soccer-practice:before { content: "\f793" }
.icon-di-soccer-shoe:before { content: "\f794" }
.icon-di-soccer-stadium:before { content: "\f795" }
.icon-di-soda-bottle:before { content: "\f796" }
.icon-di-soda-can:before { content: "\f797" }
.icon-di-soda-cup:before { content: "\f798" }
.icon-di-sofa:before { content: "\f799" }
.icon-di-soft-box:before { content: "\f79a" }
.icon-di-software-update:before { content: "\f79b" }
.icon-di-solar-energy:before { content: "\f79c" }
.icon-di-solar-panel:before { content: "\f79d" }
.icon-di-sold-sign:before { content: "\f79e" }
.icon-di-soldier:before { content: "\f79f" }
.icon-di-space-rover:before { content: "\f7a0" }
.icon-di-space-shuttle:before { content: "\f7a1" }
.icon-di-spaghetti-fork:before { content: "\f7a2" }
.icon-di-spaghetti-plate:before { content: "\f7a3" }
.icon-di-spark-plug:before { content: "\f7a4" }
.icon-di-sparkling-wine-bottle:before { content: "\f7a5" }
.icon-di-sparkling-wine-ice-bucket:before { content: "\f7a6" }
.icon-di-sparkling-wine-uncorked:before { content: "\f7a7" }
.icon-di-speaker:before { content: "\f7a8" }
.icon-di-speakerbox:before { content: "\f7a9" }
.icon-di-speech:before { content: "\f7aa" }
.icon-di-speech-bubble-arrow:before { content: "\f7ab" }
.icon-di-speech-bubble-smiley:before { content: "\f7ac" }
.icon-di-speech-bubbles-black:before { content: "\f7ad" }
.icon-di-speech-bubbles-white:before { content: "\f7ae" }
.icon-di-spider:before { content: "\f7af" }
.icon-di-spider-web:before { content: "\f7b0" }
.icon-di-sponge:before { content: "\f7b1" }
.icon-di-sport-car:before { content: "\f7b2" }
.icon-di-sport-cup:before { content: "\f7b3" }
.icon-di-sport-motorcycle:before { content: "\f7b4" }
.icon-di-sport-shoe:before { content: "\f7b5" }
.icon-di-spotlight:before { content: "\f7b6" }
.icon-di-spotlight-tripod:before { content: "\f7b7" }
.icon-di-spray-canister:before { content: "\f7b8" }
.icon-di-spray-canister-restricted:before { content: "\f7b9" }
.icon-di-spray-paint:before { content: "\f7ba" }
.icon-di-springboard-diving:before { content: "\f7bb" }
.icon-di-sprout:before { content: "\f7bc" }
.icon-di-sprout-dirt:before { content: "\f7bd" }
.icon-di-sprouts:before { content: "\f7be" }
.icon-di-spyglass:before { content: "\f7bf" }
.icon-di-squash-racquet-ball:before { content: "\f7c0" }
.icon-di-squirrel:before { content: "\f7c1" }
.icon-di-stairs-down:before { content: "\f7c2" }
.icon-di-stairs-up:before { content: "\f7c3" }
.icon-di-staple-gun:before { content: "\f7c4" }
.icon-di-stapler:before { content: "\f7c5" }
.icon-di-star:before { content: "\f7c6" }
.icon-di-star-system:before { content: "\f7c7" }
.icon-di-starfish:before { content: "\f7c8" }
.icon-di-steak-grilled:before { content: "\f7c9" }
.icon-di-steak-raw:before { content: "\f7ca" }
.icon-di-steam-iron:before { content: "\f7cb" }
.icon-di-steering-wheel:before { content: "\f7cc" }
.icon-di-stethoscope:before { content: "\f7cd" }
.icon-di-sticker-jolt:before { content: "\f7ce" }
.icon-di-sticker-new:before { content: "\f7cf" }
.icon-di-sticker-typeface:before { content: "\f7d0" }
.icon-di-stiletto:before { content: "\f7d1" }
.icon-di-stock-exchange:before { content: "\f7d2" }
.icon-di-stonehenge:before { content: "\f7d3" }
.icon-di-stones:before { content: "\f7d4" }
.icon-di-stopover:before { content: "\f7d5" }
.icon-di-stopwatch:before { content: "\f7d6" }
.icon-di-stopwatch-arrow:before { content: "\f7d7" }
.icon-di-store:before { content: "\f7d8" }
.icon-di-stout-beer-glass:before { content: "\f7d9" }
.icon-di-stout-beer-glass-crown:before { content: "\f7da" }
.icon-di-stove:before { content: "\f7db" }
.icon-di-strawberry:before { content: "\f7dc" }
.icon-di-street-bike:before { content: "\f7dd" }
.icon-di-street-location:before { content: "\f7de" }
.icon-di-stretching-down:before { content: "\f7df" }
.icon-di-stretching-up:before { content: "\f7e0" }
.icon-di-stroller:before { content: "\f7e1" }
.icon-di-studio-microphone:before { content: "\f7e2" }
.icon-di-stuffed-animal:before { content: "\f7e3" }
.icon-di-subway:before { content: "\f7e4" }
.icon-di-sugar-bowl:before { content: "\f7e5" }
.icon-di-sugar-dispenser:before { content: "\f7e6" }
.icon-di-suitcase:before { content: "\f7e7" }
.icon-di-suitcase-stickers:before { content: "\f7e8" }
.icon-di-suitcase-tag:before { content: "\f7e9" }
.icon-di-sultan:before { content: "\f7ea" }
.icon-di-sumo-wrestler:before { content: "\f7eb" }
.icon-di-sun:before { content: "\f7ec" }
.icon-di-sun-cloud:before { content: "\f7ed" }
.icon-di-sun-umbrella:before { content: "\f7ee" }
.icon-di-sunbathing:before { content: "\f7ef" }
.icon-di-sundae:before { content: "\f7f0" }
.icon-di-sunflower:before { content: "\f7f1" }
.icon-di-sunscreen:before { content: "\f7f2" }
.icon-di-super-hero:before { content: "\f7f3" }
.icon-di-supporters:before { content: "\f7f4" }
.icon-di-surfing:before { content: "\f7f5" }
.icon-di-surgeon:before { content: "\f7f6" }
.icon-di-surgical-scissors:before { content: "\f7f7" }
.icon-di-surveillance-camera:before { content: "\f7f8" }
.icon-di-surveillance-camera-outdoor:before { content: "\f7f9" }
.icon-di-survey:before { content: "\f7fa" }
.icon-di-survival-knife:before { content: "\f7fb" }
.icon-di-swap:before { content: "\f7fc" }
.icon-di-swimming:before { content: "\f7fd" }
.icon-di-swinging-ship:before { content: "\f7fe" }
.icon-di-swiss-cheese:before { content: "\f7ff" }
.icon-di-synchronize:before { content: "\f800" }
.icon-di-syringe:before { content: "\f801" }
.icon-di-t-shirt-hanger:before { content: "\f802" }
.icon-di-table:before { content: "\f803" }
.icon-di-table-tennis-paddle-ball:before { content: "\f804" }
.icon-di-tablet-computer:before { content: "\f805" }
.icon-di-taco:before { content: "\f806" }
.icon-di-tag:before { content: "\f807" }
.icon-di-taj-mahal:before { content: "\f808" }
.icon-di-take-out-coffee:before { content: "\f809" }
.icon-di-tank-car:before { content: "\f80a" }
.icon-di-tank-truck:before { content: "\f80b" }
.icon-di-tap-water:before { content: "\f80c" }
.icon-di-tape-dispenser:before { content: "\f80d" }
.icon-di-task-distribution:before { content: "\f80e" }
.icon-di-taxicab:before { content: "\f80f" }
.icon-di-tea:before { content: "\f810" }
.icon-di-tea-cup-plate:before { content: "\f811" }
.icon-di-tea-mug:before { content: "\f812" }
.icon-di-team-banner:before { content: "\f813" }
.icon-di-teddy-bear:before { content: "\f814" }
.icon-di-telemark-skiing:before { content: "\f815" }
.icon-di-telephone:before { content: "\f816" }
.icon-di-telephone-operator-double:before { content: "\f817" }
.icon-di-telephone-operator-single:before { content: "\f818" }
.icon-di-telescope:before { content: "\f819" }
.icon-di-television-set-round:before { content: "\f81a" }
.icon-di-television-set-square:before { content: "\f81b" }
.icon-di-tennis-racquet-ball:before { content: "\f81c" }
.icon-di-tent:before { content: "\f81d" }
.icon-di-tent-dome:before { content: "\f81e" }
.icon-di-terminal-pointer:before { content: "\f81f" }
.icon-di-text-book:before { content: "\f820" }
.icon-di-text-books:before { content: "\f821" }
.icon-di-the-end:before { content: "\f822" }
.icon-di-thermometer-cold:before { content: "\f823" }
.icon-di-thermometer-hot:before { content: "\f824" }
.icon-di-thermometer-mild:before { content: "\f825" }
.icon-di-thought-cloud-love:before { content: "\f826" }
.icon-di-thumb-down:before { content: "\f827" }
.icon-di-thumb-up:before { content: "\f828" }
.icon-di-thumb-up-sleeve:before { content: "\f829" }
.icon-di-tin-soldier:before { content: "\f82a" }
.icon-di-tin-toy-robot:before { content: "\f82b" }
.icon-di-tiramisu:before { content: "\f82c" }
.icon-di-tire-pressure:before { content: "\f82d" }
.icon-di-toaster:before { content: "\f82e" }
.icon-di-toasting-flutes:before { content: "\f82f" }
.icon-di-tobacco-product:before { content: "\f830" }
.icon-di-toilet-paper:before { content: "\f831" }
.icon-di-toll-road:before { content: "\f832" }
.icon-di-tomato:before { content: "\f833" }
.icon-di-tomato-soup:before { content: "\f834" }
.icon-di-tombstone-zombie:before { content: "\f835" }
.icon-di-toolbox:before { content: "\f836" }
.icon-di-toothbrush-toothpaste:before { content: "\f837" }
.icon-di-toucan:before { content: "\f838" }
.icon-di-touch-phone:before { content: "\f839" }
.icon-di-touchdown:before { content: "\f83a" }
.icon-di-tourist-man:before { content: "\f83b" }
.icon-di-tourist-woman:before { content: "\f83c" }
.icon-di-tow-truck:before { content: "\f83d" }
.icon-di-towel-hanger:before { content: "\f83e" }
.icon-di-towels:before { content: "\f83f" }
.icon-di-tower-bridge:before { content: "\f840" }
.icon-di-toxic-aerosol-canister:before { content: "\f841" }
.icon-di-toxic-gas:before { content: "\f842" }
.icon-di-toy-laser-gun:before { content: "\f843" }
.icon-di-tractor:before { content: "\f844" }
.icon-di-tractor-trailer:before { content: "\f845" }
.icon-di-traffic-camera:before { content: "\f846" }
.icon-di-traffic-cone-perspective:before { content: "\f847" }
.icon-di-traffic-cone-straight:before { content: "\f848" }
.icon-di-traffic-jam:before { content: "\f849" }
.icon-di-traffic-light:before { content: "\f84a" }
.icon-di-train:before { content: "\f84b" }
.icon-di-tramway:before { content: "\f84c" }
.icon-di-trash-can:before { content: "\f84d" }
.icon-di-trash-can-full:before { content: "\f84e" }
.icon-di-trash-disposal:before { content: "\f84f" }
.icon-di-trash-recycling:before { content: "\f850" }
.icon-di-travel-calendar:before { content: "\f851" }
.icon-di-travel-insurance:before { content: "\f852" }
.icon-di-travel-time:before { content: "\f853" }
.icon-di-travel-trailer:before { content: "\f854" }
.icon-di-traveler:before { content: "\f855" }
.icon-di-treasure:before { content: "\f856" }
.icon-di-treasure-map:before { content: "\f857" }
.icon-di-tree:before { content: "\f858" }
.icon-di-tree-leaf:before { content: "\f859" }
.icon-di-tree-leaf-single:before { content: "\f85a" }
.icon-di-tree-love:before { content: "\f85b" }
.icon-di-tree-ornament:before { content: "\f85c" }
.icon-di-tree-ornament-snowflake:before { content: "\f85d" }
.icon-di-trees:before { content: "\f85e" }
.icon-di-trick-or-treating:before { content: "\f85f" }
.icon-di-tricycle:before { content: "\f860" }
.icon-di-triumphal-arc:before { content: "\f861" }
.icon-di-trojan-horse:before { content: "\f862" }
.icon-di-trolley:before { content: "\f863" }
.icon-di-tropical-fish:before { content: "\f864" }
.icon-di-truck:before { content: "\f865" }
.icon-di-truck-clock:before { content: "\f866" }
.icon-di-trumpet:before { content: "\f867" }
.icon-di-tsunami:before { content: "\f868" }
.icon-di-tugboat:before { content: "\f869" }
.icon-di-tulip:before { content: "\f86a" }
.icon-di-turn-right-sign:before { content: "\f86b" }
.icon-di-turnip:before { content: "\f86c" }
.icon-di-turntable:before { content: "\f86d" }
.icon-di-tv-poll:before { content: "\f86e" }
.icon-di-twin-bed:before { content: "\f86f" }
.icon-di-two-masted-ship:before { content: "\f870" }
.icon-di-typewriter:before { content: "\f871" }
.icon-di-ukulele:before { content: "\f872" }
.icon-di-umbrella:before { content: "\f873" }
.icon-di-umbrella-strobe:before { content: "\f874" }
.icon-di-unicorn:before { content: "\f875" }
.icon-di-upright-sign:before { content: "\f876" }
.icon-di-us-capitol:before { content: "\f877" }
.icon-di-us-shield:before { content: "\f878" }
.icon-di-usb-drive:before { content: "\f879" }
.icon-di-user-add:before { content: "\f87a" }
.icon-di-user-profile:before { content: "\f87b" }
.icon-di-user-remove:before { content: "\f87c" }
.icon-di-user-search-large:before { content: "\f87d" }
.icon-di-user-search-small:before { content: "\f87e" }
.icon-di-user-thought-cloud:before { content: "\f87f" }
.icon-di-utensils:before { content: "\f880" }
.icon-di-utility-knife:before { content: "\f881" }
.icon-di-vacuum-cleaner:before { content: "\f882" }
.icon-di-valve:before { content: "\f883" }
.icon-di-vampire:before { content: "\f884" }
.icon-di-van-gogh:before { content: "\f885" }
.icon-di-vase:before { content: "\f886" }
.icon-di-venice-carnival-goer:before { content: "\f887" }
.icon-di-video-projector:before { content: "\f888" }
.icon-di-vine:before { content: "\f889" }
.icon-di-violin:before { content: "\f88a" }
.icon-di-vip-pass:before { content: "\f88b" }
.icon-di-vitamin-bottle:before { content: "\f88c" }
.icon-di-volcano-explosion:before { content: "\f88d" }
.icon-di-volleyball:before { content: "\f88e" }
.icon-di-volume-control:before { content: "\f88f" }
.icon-di-vote-badge:before { content: "\f890" }
.icon-di-voting:before { content: "\f891" }
.icon-di-waiting-room:before { content: "\f892" }
.icon-di-waitress:before { content: "\f893" }
.icon-di-wakeboarding:before { content: "\f894" }
.icon-di-walk-of-fame-star:before { content: "\f895" }
.icon-di-walker:before { content: "\f896" }
.icon-di-walkie-talkie:before { content: "\f897" }
.icon-di-warehouse:before { content: "\f898" }
.icon-di-warning-sign:before { content: "\f899" }
.icon-di-warning-triangle:before { content: "\f89a" }
.icon-di-warranty-seal:before { content: "\f89b" }
.icon-di-washing-machine:before { content: "\f89c" }
.icon-di-waste-container:before { content: "\f89d" }
.icon-di-water-bottle:before { content: "\f89e" }
.icon-di-water-drops:before { content: "\f89f" }
.icon-di-water-level:before { content: "\f8a0" }
.icon-di-water-pipe:before { content: "\f8a1" }
.icon-di-water-polo:before { content: "\f8a2" }
.icon-di-water-recycling:before { content: "\f8a3" }
.icon-di-water-ride:before { content: "\f8a4" }
.icon-di-watering-can:before { content: "\f8a5" }
.icon-di-watermelon-slice:before { content: "\f8a6" }
.icon-di-waterskiing:before { content: "\f8a7" }
.icon-di-wave-surfer:before { content: "\f8a8" }
.icon-di-weather-vane:before { content: "\f8a9" }
.icon-di-webcam:before { content: "\f8aa" }
.icon-di-wedding-cake:before { content: "\f8ab" }
.icon-di-wedding-date:before { content: "\f8ac" }
.icon-di-wedding-invitation:before { content: "\f8ad" }
.icon-di-wedding-rings:before { content: "\f8ae" }
.icon-di-weightlifting:before { content: "\f8af" }
.icon-di-whale:before { content: "\f8b0" }
.icon-di-wheelbarrow-dirt:before { content: "\f8b1" }
.icon-di-wheelchair:before { content: "\f8b2" }
.icon-di-whisk-whipping:before { content: "\f8b3" }
.icon-di-whistle:before { content: "\f8b4" }
.icon-di-white-house:before { content: "\f8b5" }
.icon-di-wildfire:before { content: "\f8b6" }
.icon-di-win-sign:before { content: "\f8b7" }
.icon-di-win-sign-light:before { content: "\f8b8" }
.icon-di-wind-leaf:before { content: "\f8b9" }
.icon-di-wind-rose:before { content: "\f8ba" }
.icon-di-wind-turbine:before { content: "\f8bb" }
.icon-di-wind-turbine-offshore:before { content: "\f8bc" }
.icon-di-windmill:before { content: "\f8bd" }
.icon-di-window-squeegee:before { content: "\f8be" }
.icon-di-window-wrench:before { content: "\f8bf" }
.icon-di-windsurfing:before { content: "\f8c0" }
.icon-di-wine:before { content: "\f8c1" }
.icon-di-wine-barrel:before { content: "\f8c2" }
.icon-di-wine-bottle:before { content: "\f8c3" }
.icon-di-wine-bottle-glass-red:before { content: "\f8c4" }
.icon-di-wine-bottle-glass-white:before { content: "\f8c5" }
.icon-di-wine-bottles:before { content: "\f8c6" }
.icon-di-wine-glass:before { content: "\f8c7" }
.icon-di-wine-glass-clean:before { content: "\f8c8" }
.icon-di-wine-glass-pouring:before { content: "\f8c9" }
.icon-di-wine-glass-swirling:before { content: "\f8ca" }
.icon-di-wine-tasting:before { content: "\f8cb" }
.icon-di-winemaker:before { content: "\f8cc" }
.icon-di-winter-hat-wearer:before { content: "\f8cd" }
.icon-di-wireless-access-point:before { content: "\f8ce" }
.icon-di-wireless-antenna:before { content: "\f8cf" }
.icon-di-wireless-keyboard:before { content: "\f8d0" }
.icon-di-wireless-mouse:before { content: "\f8d1" }
.icon-di-wireless-router:before { content: "\f8d2" }
.icon-di-wireless-signal:before { content: "\f8d3" }
.icon-di-witch:before { content: "\f8d4" }
.icon-di-witch-hat:before { content: "\f8d5" }
.icon-di-wizard-hat:before { content: "\f8d6" }
.icon-di-woman-singing:before { content: "\f8d7" }
.icon-di-word-processor:before { content: "\f8d8" }
.icon-di-world-arrow:before { content: "\f8d9" }
.icon-di-world-clock:before { content: "\f8da" }
.icon-di-world-fire:before { content: "\f8db" }
.icon-di-world-location:before { content: "\f8dc" }
.icon-di-worm:before { content: "\f8dd" }
.icon-di-wreath:before { content: "\f8de" }
.icon-di-wrenches:before { content: "\f8df" }
.icon-di-x-ray-baggage-scanner:before { content: "\f8e0" }
.icon-di-x-rays:before { content: "\f8e1" }
.icon-di-xtc:before { content: "\f8e2" }
.icon-di-xylophone:before { content: "\f8e3" }
.icon-di-yacht:before { content: "\f8e4" }
.icon-di-yachting:before { content: "\f8e5" }
.icon-di-yard-line:before { content: "\f8e6" }
.icon-di-yoga:before { content: "\f8e7" }
.icon-di-zombie:before { content: "\f8e8" }
.icon-double-angle-down:before { content: "\f8e9" }
.icon-double-angle-left:before { content: "\f8ea" }
.icon-double-angle-right:before { content: "\f8eb" }
.icon-double-angle-up:before { content: "\f8ec" }
.icon-download:before { content: "\f8ed" }
.icon-download-alt:before { content: "\f8ee" }
.icon-dribbble:before { content: "\f8ef" }
.icon-dropbox:before { content: "\f8f0" }
.icon-edit:before { content: "\f8f1" }
.icon-edit-sign:before { content: "\f8f2" }
.icon-eject:before { content: "\f8f3" }
.icon-ellipsis-horizontal:before { content: "\f8f4" }
.icon-ellipsis-vertical:before { content: "\f8f5" }
.icon-envelope:before { content: "\f8f6" }
.icon-envelope-alt:before { content: "\f8f7" }
.icon-eraser:before { content: "\f8f8" }
.icon-eur:before { content: "\f8f9" }
.icon-exchange:before { content: "\f8fa" }
.icon-exclamation:before { content: "\f8fb" }
.icon-exclamation-sign:before { content: "\f8fc" }
.icon-expand:before { content: "\f8fd" }
.icon-expand-alt:before { content: "\f8fe" }
.icon-external-link:before { content: "\f8ff" }
.icon-external-link-sign:before { content: "\f900" }
.icon-eye-close:before { content: "\f901" }
.icon-eye-open:before { content: "\f902" }
.icon-facebook:before { content: "\f903" }
.icon-facebook-sign:before { content: "\f904" }
.icon-facetime-video:before { content: "\f905" }
.icon-fast-backward:before { content: "\f906" }
.icon-fast-forward:before { content: "\f907" }
.icon-female:before { content: "\f908" }
.icon-fighter-jet:before { content: "\f909" }
.icon-file:before { content: "\f90a" }
.icon-file-alt:before { content: "\f90b" }
.icon-file-text:before { content: "\f90c" }
.icon-file-text-alt:before { content: "\f90d" }
.icon-film:before { content: "\f90e" }
.icon-filter:before { content: "\f90f" }
.icon-fire:before { content: "\f910" }
.icon-fire-extinguisher:before { content: "\f911" }
.icon-flag:before { content: "\f912" }
.icon-flag-alt:before { content: "\f913" }
.icon-flag-checkered:before { content: "\f914" }
.icon-flickr:before { content: "\f915" }
.icon-folder-close:before { content: "\f916" }
.icon-folder-close-alt:before { content: "\f917" }
.icon-folder-open:before { content: "\f918" }
.icon-folder-open-alt:before { content: "\f919" }
.icon-font:before { content: "\f91a" }
.icon-food:before { content: "\f91b" }
.icon-forward:before { content: "\f91c" }
.icon-foursquare:before { content: "\f91d" }
.icon-frown:before { content: "\f91e" }
.icon-fullscreen:before { content: "\f91f" }
.icon-gamepad:before { content: "\f920" }
.icon-gbp:before { content: "\f921" }
.icon-gift:before { content: "\f922" }
.icon-github:before { content: "\f923" }
.icon-github-alt:before { content: "\f924" }
.icon-github-sign:before { content: "\f925" }
.icon-gittip:before { content: "\f926" }
.icon-glass:before { content: "\f927" }
.icon-globe:before { content: "\f928" }
.icon-google-plus:before { content: "\f929" }
.icon-google-plus-sign:before { content: "\f92a" }
.icon-group:before { content: "\f92b" }
.icon-h-sign:before { content: "\f92c" }
.icon-hand-down:before { content: "\f92d" }
.icon-hand-left:before { content: "\f92e" }
.icon-hand-right:before { content: "\f92f" }
.icon-hand-up:before { content: "\f930" }
.icon-hdd:before { content: "\f931" }
.icon-headphones:before { content: "\f932" }
.icon-heart:before { content: "\f933" }
.icon-heart-empty:before { content: "\f934" }
.icon-home:before { content: "\f935" }
.icon-hospital:before { content: "\f936" }
.icon-html5:before { content: "\f937" }
.icon-inbox:before { content: "\f938" }
.icon-indent-left:before { content: "\f939" }
.icon-indent-right:before { content: "\f93a" }
.icon-info:before { content: "\f93b" }
.icon-info-sign:before { content: "\f93c" }
.icon-inr:before { content: "\f93d" }
.icon-instagram:before { content: "\f93e" }
.icon-italic:before { content: "\f93f" }
.icon-jpy:before { content: "\f940" }
.icon-key:before { content: "\f941" }
.icon-keyboard:before { content: "\f942" }
.icon-krw:before { content: "\f943" }
.icon-laptop:before { content: "\f944" }
.icon-leaf:before { content: "\f945" }
.icon-legal:before { content: "\f946" }
.icon-lemon:before { content: "\f947" }
.icon-level-down:before { content: "\f948" }
.icon-level-up:before { content: "\f949" }
.icon-lightbulb:before { content: "\f94a" }
.icon-link:before { content: "\f94b" }
.icon-linkedin:before { content: "\f94c" }
.icon-linkedin-sign:before { content: "\f94d" }
.icon-linux:before { content: "\f94e" }
.icon-list:before { content: "\f94f" }
.icon-list-alt:before { content: "\f950" }
.icon-list-ol:before { content: "\f951" }
.icon-list-ul:before { content: "\f952" }
.icon-location-arrow:before { content: "\f953" }
.icon-lock:before { content: "\f954" }
.icon-long-arrow-down:before { content: "\f955" }
.icon-long-arrow-left:before { content: "\f956" }
.icon-long-arrow-right:before { content: "\f957" }
.icon-long-arrow-up:before { content: "\f958" }
.icon-magic:before { content: "\f959" }
.icon-magnet:before { content: "\f95a" }
.icon-male:before { content: "\f95b" }
.icon-map-marker:before { content: "\f95c" }
.icon-maxcdn:before { content: "\f95d" }
.icon-medkit:before { content: "\f95e" }
.icon-meh:before { content: "\f95f" }
.icon-microphone:before { content: "\f960" }
.icon-microphone-off:before { content: "\f961" }
.icon-minus:before { content: "\f962" }
.icon-minus-sign:before { content: "\f963" }
.icon-minus-sign-alt:before { content: "\f964" }
.icon-mobile-phone:before { content: "\f965" }
.icon-money:before { content: "\f966" }
.icon-moon:before { content: "\f967" }
.icon-move:before { content: "\f968" }
.icon-music:before { content: "\f969" }
.icon-np-category:before { content: "\f96a" }
.icon-np-chair:before { content: "\f96b" }
.icon-np-charity:before { content: "\f96c" }
.icon-np-contour:before { content: "\f96d" }
.icon-np-coworking:before { content: "\f96e" }
.icon-np-cue-drag-down:before { content: "\f96f" }
.icon-np-cue-drag-horizontal:before { content: "\f970" }
.icon-np-cue-drag-left:before { content: "\f971" }
.icon-np-cue-drag-omnidirectional:before { content: "\f972" }
.icon-np-cue-drag-right:before { content: "\f973" }
.icon-np-cue-drag-up:before { content: "\f974" }
.icon-np-cue-drag-vertical:before { content: "\f975" }
.icon-np-cue-flick-down:before { content: "\f976" }
.icon-np-cue-flick-horizontal:before { content: "\f977" }
.icon-np-cue-flick-left:before { content: "\f978" }
.icon-np-cue-flick-omnidirectional:before { content: "\f979" }
.icon-np-cue-flick-right:before { content: "\f97a" }
.icon-np-cue-flick-up:before { content: "\f97b" }
.icon-np-cue-flick-vertical:before { content: "\f97c" }
.icon-np-cue-pinch:before { content: "\f97d" }
.icon-np-cue-rotate-clockwise:before { content: "\f97e" }
.icon-np-cue-rotate-counterclockwise:before { content: "\f97f" }
.icon-np-cue-spread:before { content: "\f980" }
.icon-np-cue-swipe-down:before { content: "\f981" }
.icon-np-cue-swipe-horizontal:before { content: "\f982" }
.icon-np-cue-swipe-left:before { content: "\f983" }
.icon-np-cue-swipe-omnidirectional:before { content: "\f984" }
.icon-np-cue-swipe-right:before { content: "\f985" }
.icon-np-cue-swipe-two-finger-down:before { content: "\f986" }
.icon-np-cue-swipe-two-finger-horizontal:before { content: "\f987" }
.icon-np-cue-swipe-two-finger-left:before { content: "\f988" }
.icon-np-cue-swipe-two-finger-omnidirectional:before { content: "\f989" }
.icon-np-cue-swipe-two-finger-right:before { content: "\f98a" }
.icon-np-cue-swipe-two-finger-up:before { content: "\f98b" }
.icon-np-cue-swipe-two-finger-vertical:before { content: "\f98c" }
.icon-np-cue-swipe-up:before { content: "\f98d" }
.icon-np-cue-swipe-vertical:before { content: "\f98e" }
.icon-np-cue-tap:before { content: "\f98f" }
.icon-np-cue-tap-double:before { content: "\f990" }
.icon-np-cue-tap-double-two-finger:before { content: "\f991" }
.icon-np-cue-tap-hold:before { content: "\f992" }
.icon-np-cue-tap-triple:before { content: "\f993" }
.icon-np-cue-tap-triple-two-finger:before { content: "\f994" }
.icon-np-cue-tap-two-finger:before { content: "\f995" }
.icon-np-diamond:before { content: "\f996" }
.icon-np-drone:before { content: "\f997" }
.icon-np-foe-andorian:before { content: "\f998" }
.icon-np-foe-blackblood:before { content: "\f999" }
.icon-np-foe-borg:before { content: "\f99a" }
.icon-np-foe-chucky:before { content: "\f99b" }
.icon-np-foe-cylon:before { content: "\f99c" }
.icon-np-foe-freddy-kruegger:before { content: "\f99d" }
.icon-np-foe-gremlin:before { content: "\f99e" }
.icon-np-foe-hammerstein:before { content: "\f99f" }
.icon-np-foe-hellraiser:before { content: "\f9a0" }
.icon-np-foe-jason-voorhees:before { content: "\f9a1" }
.icon-np-foe-jocker:before { content: "\f9a2" }
.icon-np-foe-joe-pineapples:before { content: "\f9a3" }
.icon-np-foe-klingon:before { content: "\f9a4" }
.icon-np-foe-michael-myers:before { content: "\f9a5" }
.icon-np-foe-mongrol:before { content: "\f9a6" }
.icon-np-foe-spawn:before { content: "\f9a7" }
.icon-np-foe-vulcan:before { content: "\f9a8" }
.icon-np-footprint-left:before { content: "\f9a9" }
.icon-np-footprint-right:before { content: "\f9aa" }
.icon-np-ghost:before { content: "\f9ab" }
.icon-np-jpf-aichi:before { content: "\f9ac" }
.icon-np-jpf-chiba:before { content: "\f9ad" }
.icon-np-jpf-fukuoka:before { content: "\f9ae" }
.icon-np-jpf-fukushima:before { content: "\f9af" }
.icon-np-jpf-gifu:before { content: "\f9b0" }
.icon-np-jpf-gunma:before { content: "\f9b1" }
.icon-np-jpf-hiroshima:before { content: "\f9b2" }
.icon-np-jpf-hokkaido:before { content: "\f9b3" }
.icon-np-jpf-hyogo:before { content: "\f9b4" }
.icon-np-jpf-ibaraki:before { content: "\f9b5" }
.icon-np-jpf-kagoshima:before { content: "\f9b6" }
.icon-np-jpf-kanagawa:before { content: "\f9b7" }
.icon-np-jpf-kumamoto:before { content: "\f9b8" }
.icon-np-jpf-kyoto:before { content: "\f9b9" }
.icon-np-jpf-mie:before { content: "\f9ba" }
.icon-np-jpf-miyagi:before { content: "\f9bb" }
.icon-np-jpf-nagano:before { content: "\f9bc" }
.icon-np-jpf-nagasaki:before { content: "\f9bd" }
.icon-np-jpf-niigata:before { content: "\f9be" }
.icon-np-jpf-okayama:before { content: "\f9bf" }
.icon-np-jpf-okinawa:before { content: "\f9c0" }
.icon-np-jpf-osaka:before { content: "\f9c1" }
.icon-np-jpf-saitama:before { content: "\f9c2" }
.icon-np-jpf-shizuoka:before { content: "\f9c3" }
.icon-np-jpf-tochigi:before { content: "\f9c4" }
.icon-np-jpf-tokyo:before { content: "\f9c5" }
.icon-np-leak:before { content: "\f9c6" }
.icon-np-moustache:before { content: "\f9c7" }
.icon-np-ninja:before { content: "\f9c8" }
.icon-np-palette:before { content: "\f9c9" }
.icon-np-pills:before { content: "\f9ca" }
.icon-np-sofa:before { content: "\f9cb" }
.icon-np-test-dummy:before { content: "\f9cc" }
.icon-np-translation:before { content: "\f9cd" }
.icon-np-user:before { content: "\f9ce" }
.icon-np-wthr-cloud:before { content: "\f9cf" }
.icon-np-wthr-cloud-moon:before { content: "\f9d0" }
.icon-np-wthr-cloud-sun:before { content: "\f9d1" }
.icon-np-wthr-clouds:before { content: "\f9d2" }
.icon-np-wthr-clouds-moon:before { content: "\f9d3" }
.icon-np-wthr-clouds-sun:before { content: "\f9d4" }
.icon-np-wthr-drops:before { content: "\f9d5" }
.icon-np-wthr-freezing-rain:before { content: "\f9d6" }
.icon-np-wthr-freezing-rain-cloud:before { content: "\f9d7" }
.icon-np-wthr-freezing-rain-moon:before { content: "\f9d8" }
.icon-np-wthr-freezing-rain-sun:before { content: "\f9d9" }
.icon-np-wthr-hail-heavy:before { content: "\f9da" }
.icon-np-wthr-hail-heavy-cloud:before { content: "\f9db" }
.icon-np-wthr-hail-heavy-moon:before { content: "\f9dc" }
.icon-np-wthr-hail-heavy-sun:before { content: "\f9dd" }
.icon-np-wthr-hail-light:before { content: "\f9de" }
.icon-np-wthr-hail-light-cloud:before { content: "\f9df" }
.icon-np-wthr-hail-light-moon:before { content: "\f9e0" }
.icon-np-wthr-hail-light-sun:before { content: "\f9e1" }
.icon-np-wthr-hail-moderate:before { content: "\f9e2" }
.icon-np-wthr-hail-moderate-cloud:before { content: "\f9e3" }
.icon-np-wthr-hail-moderate-moon:before { content: "\f9e4" }
.icon-np-wthr-hail-moderate-sun:before { content: "\f9e5" }
.icon-np-wthr-hail-rain:before { content: "\f9e6" }
.icon-np-wthr-hail-rain-cloud:before { content: "\f9e7" }
.icon-np-wthr-hail-rain-moon:before { content: "\f9e8" }
.icon-np-wthr-hail-rain-sun:before { content: "\f9e9" }
.icon-np-wthr-ice-pellets-heavy:before { content: "\f9ea" }
.icon-np-wthr-ice-pellets-heavy-cloud:before { content: "\f9eb" }
.icon-np-wthr-ice-pellets-heavy-moon:before { content: "\f9ec" }
.icon-np-wthr-ice-pellets-heavy-sun:before { content: "\f9ed" }
.icon-np-wthr-ice-pellets-light:before { content: "\f9ee" }
.icon-np-wthr-ice-pellets-light-cloud:before { content: "\f9ef" }
.icon-np-wthr-ice-pellets-light-moon:before { content: "\f9f0" }
.icon-np-wthr-ice-pellets-light-sun:before { content: "\f9f1" }
.icon-np-wthr-ice-pellets-moderate:before { content: "\f9f2" }
.icon-np-wthr-ice-pellets-moderate-cloud:before { content: "\f9f3" }
.icon-np-wthr-ice-pellets-moderate-moon:before { content: "\f9f4" }
.icon-np-wthr-ice-pellets-moderate-sun:before { content: "\f9f5" }
.icon-np-wthr-lightning:before { content: "\f9f6" }
.icon-np-wthr-lightning-heavy:before { content: "\f9f7" }
.icon-np-wthr-lightning-heavy-moon:before { content: "\f9f8" }
.icon-np-wthr-lightning-heavy-sun:before { content: "\f9f9" }
.icon-np-wthr-lightning-moon:before { content: "\f9fa" }
.icon-np-wthr-lightning-sun:before { content: "\f9fb" }
.icon-np-wthr-moon:before { content: "\f9fc" }
.icon-np-wthr-moon-first-quarter:before { content: "\f9fd" }
.icon-np-wthr-moon-full:before { content: "\f9fe" }
.icon-np-wthr-moon-new:before { content: "\f9ff" }
.icon-np-wthr-moon-third-quarter:before { content: "\fa00" }
.icon-np-wthr-moon-waning-crescent:before { content: "\fa01" }
.icon-np-wthr-moon-waning-gibbous:before { content: "\fa02" }
.icon-np-wthr-moon-waxing-crescent:before { content: "\fa03" }
.icon-np-wthr-moon-waxing-gibbous:before { content: "\fa04" }
.icon-np-wthr-rain-heavy:before { content: "\fa05" }
.icon-np-wthr-rain-heavy-cloud:before { content: "\fa06" }
.icon-np-wthr-rain-heavy-moon:before { content: "\fa07" }
.icon-np-wthr-rain-heavy-sun:before { content: "\fa08" }
.icon-np-wthr-rain-light:before { content: "\fa09" }
.icon-np-wthr-rain-light-moon:before { content: "\fa0a" }
.icon-np-wthr-rain-moderate:before { content: "\fa0b" }
.icon-np-wthr-rain-moderate-cloud:before { content: "\fa0c" }
.icon-np-wthr-rain-moderate-moon:before { content: "\fa0d" }
.icon-np-wthr-rain-moderate-sun:before { content: "\fa0e" }
.icon-np-wthr-snow-heavy:before { content: "\fa0f" }
.icon-np-wthr-snow-heavy-cloud:before { content: "\fa10" }
.icon-np-wthr-snow-heavy-moon:before { content: "\fa11" }
.icon-np-wthr-snow-heavy-sun:before { content: "\fa12" }
.icon-np-wthr-snow-light:before { content: "\fa13" }
.icon-np-wthr-snow-light-cloud:before { content: "\fa14" }
.icon-np-wthr-snow-light-moon:before { content: "\fa15" }
.icon-np-wthr-snow-light-sun:before { content: "\fa16" }
.icon-np-wthr-snow-moderate:before { content: "\fa17" }
.icon-np-wthr-snow-moderate-cloud:before { content: "\fa18" }
.icon-np-wthr-snow-moderate-moon:before { content: "\fa19" }
.icon-np-wthr-snow-moderate-sun:before { content: "\fa1a" }
.icon-np-wthr-snow-rain:before { content: "\fa1b" }
.icon-np-wthr-snow-rain-cloud:before { content: "\fa1c" }
.icon-np-wthr-snow-rain-moon:before { content: "\fa1d" }
.icon-np-wthr-snow-rain-sun:before { content: "\fa1e" }
.icon-np-wthr-sun:before { content: "\fa1f" }
.icon-np-wthr-temperature-higher:before { content: "\fa20" }
.icon-np-wthr-temperature-lower:before { content: "\fa21" }
.icon-np-wthr-tornado:before { content: "\fa22" }
.icon-np-wthr-two-cloud:before { content: "\fa23" }
.icon-np-wthr-umbrella:before { content: "\fa24" }
.icon-np-wthr-umbrella-rain:before { content: "\fa25" }
.icon-np-wthr-wind-heavy:before { content: "\fa26" }
.icon-np-wthr-wind-light:before { content: "\fa27" }
.icon-np-wthr-wind-moderate:before { content: "\fa28" }
.icon-off:before { content: "\fa29" }
.icon-ok:before { content: "\fa2a" }
.icon-ok-circle:before { content: "\fa2b" }
.icon-ok-sign:before { content: "\fa2c" }
.icon-paper-clip:before { content: "\fa2d" }
.icon-paste:before { content: "\fa2e" }
.icon-pause:before { content: "\fa2f" }
.icon-pct-3dsmax:before { content: "\fa30" }
.icon-pct-actionscript:before { content: "\fa31" }
.icon-pct-adb-acrobat:before { content: "\fa32" }
.icon-pct-adb-aftereffects:before { content: "\fa33" }
.icon-pct-adb-audition:before { content: "\fa34" }
.icon-pct-adb-bridge:before { content: "\fa35" }
.icon-pct-adb-captivate:before { content: "\fa36" }
.icon-pct-adb-contribute:before { content: "\fa37" }
.icon-pct-adb-dreamweaver:before { content: "\fa38" }
.icon-pct-adb-encore:before { content: "\fa39" }
.icon-pct-adb-fireworks:before { content: "\fa3a" }
.icon-pct-adb-flash:before { content: "\fa3b" }
.icon-pct-adb-flashbldr:before { content: "\fa3c" }
.icon-pct-adb-framemaker:before { content: "\fa3d" }
.icon-pct-adb-illustrator:before { content: "\fa3e" }
.icon-pct-adb-indesign:before { content: "\fa3f" }
.icon-pct-adb-lightroom:before { content: "\fa40" }
.icon-pct-adb-onlocation:before { content: "\fa41" }
.icon-pct-adb-photoshop:before { content: "\fa42" }
.icon-pct-adb-prelude:before { content: "\fa43" }
.icon-pct-adb-premiere:before { content: "\fa44" }
.icon-pct-adb-robohelp:before { content: "\fa45" }
.icon-pct-adb-speedgrade:before { content: "\fa46" }
.icon-pct-aim:before { content: "\fa47" }
.icon-pct-air:before { content: "\fa48" }
.icon-pct-amazon:before { content: "\fa49" }
.icon-pct-android:before { content: "\fa4a" }
.icon-pct-angularjs:before { content: "\fa4b" }
.icon-pct-apple-sign:before { content: "\fa4c" }
.icon-pct-area-chart-black:before { content: "\fa4d" }
.icon-pct-area-chart-white:before { content: "\fa4e" }
.icon-pct-aspnet:before { content: "\fa4f" }
.icon-pct-atom:before { content: "\fa50" }
.icon-pct-atoms-2:before { content: "\fa51" }
.icon-pct-atoms-3:before { content: "\fa52" }
.icon-pct-atoms-4:before { content: "\fa53" }
.icon-pct-audiobox:before { content: "\fa54" }
.icon-pct-autocad:before { content: "\fa55" }
.icon-pct-autocad-lt:before { content: "\fa56" }
.icon-pct-ayyavazhi:before { content: "\fa57" }
.icon-pct-ayyavazhi-sign:before { content: "\fa58" }
.icon-pct-backbonejs:before { content: "\fa59" }
.icon-pct-background:before { content: "\fa5a" }
.icon-pct-bahai:before { content: "\fa5b" }
.icon-pct-bahai-sign:before { content: "\fa5c" }
.icon-pct-baidu:before { content: "\fa5d" }
.icon-pct-bandcamp:before { content: "\fa5e" }
.icon-pct-bar-chart-horizontal:before { content: "\fa5f" }
.icon-pct-bar-chart-stacked:before { content: "\fa60" }
.icon-pct-bar-chart-vertical:before { content: "\fa61" }
.icon-pct-barcode:before { content: "\fa62" }
.icon-pct-bash:before { content: "\fa63" }
.icon-pct-basic:before { content: "\fa64" }
.icon-pct-battery-charge-0:before { content: "\fa65" }
.icon-pct-battery-charge-1:before { content: "\fa66" }
.icon-pct-battery-charge-2:before { content: "\fa67" }
.icon-pct-battery-charge-3:before { content: "\fa68" }
.icon-pct-bazaar:before { content: "\fa69" }
.icon-pct-bear-face:before { content: "\fa6a" }
.icon-pct-bebo:before { content: "\fa6b" }
.icon-pct-behance:before { content: "\fa6c" }
.icon-pct-bell:before { content: "\fa6d" }
.icon-pct-bells:before { content: "\fa6e" }
.icon-pct-biohazard:before { content: "\fa6f" }
.icon-pct-blender:before { content: "\fa70" }
.icon-pct-blinklist:before { content: "\fa71" }
.icon-pct-blip:before { content: "\fa72" }
.icon-pct-blogger:before { content: "\fa73" }
.icon-pct-book-perspective-flat:before { content: "\fa74" }
.icon-pct-book-perspective-upright:before { content: "\fa75" }
.icon-pct-book-perspective-upright-bookmark:before { content: "\fa76" }
.icon-pct-books-perspective-flat:before { content: "\fa77" }
.icon-pct-books-perspective-upright:before { content: "\fa78" }
.icon-pct-box-com:before { content: "\fa79" }
.icon-pct-box-wrench:before { content: "\fa7a" }
.icon-pct-browser-chrome:before { content: "\fa7b" }
.icon-pct-browser-explorer:before { content: "\fa7c" }
.icon-pct-browser-firefox:before { content: "\fa7d" }
.icon-pct-browser-opera:before { content: "\fa7e" }
.icon-pct-browser-safari:before { content: "\fa7f" }
.icon-pct-buddhism:before { content: "\fa80" }
.icon-pct-buddhism-sign:before { content: "\fa81" }
.icon-pct-bull-face:before { content: "\fa82" }
.icon-pct-c:before { content: "\fa83" }
.icon-pct-cakephp:before { content: "\fa84" }
.icon-pct-cassandra:before { content: "\fa85" }
.icon-pct-cat-face:before { content: "\fa86" }
.icon-pct-ccplusplus:before { content: "\fa87" }
.icon-pct-cherrypy:before { content: "\fa88" }
.icon-pct-chick-face:before { content: "\fa89" }
.icon-pct-christianity-cross:before { content: "\fa8a" }
.icon-pct-christianity-cross-sign:before { content: "\fa8b" }
.icon-pct-christianity-fish:before { content: "\fa8c" }
.icon-pct-christianity-fish-sign:before { content: "\fa8d" }
.icon-pct-cinema4d:before { content: "\fa8e" }
.icon-pct-cli:before { content: "\fa8f" }
.icon-pct-clojure:before { content: "\fa90" }
.icon-pct-cloth-button:before { content: "\fa91" }
.icon-pct-cobol:before { content: "\fa92" }
.icon-pct-codeigniter:before { content: "\fa93" }
.icon-pct-codepen-black:before { content: "\fa94" }
.icon-pct-codepen-white:before { content: "\fa95" }
.icon-pct-coffeescript:before { content: "\fa96" }
.icon-pct-coffin:before { content: "\fa97" }
.icon-pct-coins-three:before { content: "\fa98" }
.icon-pct-coins-two:before { content: "\fa99" }
.icon-pct-combination-wrench:before { content: "\fa9a" }
.icon-pct-combo-chart:before { content: "\fa9b" }
.icon-pct-corel-draw:before { content: "\fa9c" }
.icon-pct-corel-painter:before { content: "\fa9d" }
.icon-pct-couchdb:before { content: "\fa9e" }
.icon-pct-count:before { content: "\fa9f" }
.icon-pct-cow-face:before { content: "\faa0" }
.icon-pct-cplusplus:before { content: "\faa1" }
.icon-pct-creativesloth:before { content: "\faa2" }
.icon-pct-crest-banner:before { content: "\faa3" }
.icon-pct-crest-border:before { content: "\faa4" }
.icon-pct-crest-checkered:before { content: "\faa5" }
.icon-pct-crest-cross:before { content: "\faa6" }
.icon-pct-crest-crown-emperor:before { content: "\faa7" }
.icon-pct-crest-crown-king:before { content: "\faa8" }
.icon-pct-crest-crown-queen:before { content: "\faa9" }
.icon-pct-crest-fleur-de-lis:before { content: "\faaa" }
.icon-pct-crest-heart:before { content: "\faab" }
.icon-pct-crest-moon:before { content: "\faac" }
.icon-pct-crest-split:before { content: "\faad" }
.icon-pct-crest-star:before { content: "\faae" }
.icon-pct-crest-stripe:before { content: "\faaf" }
.icon-pct-crest-white-cross:before { content: "\fab0" }
.icon-pct-crest-white-heart:before { content: "\fab1" }
.icon-pct-crest-white-moon:before { content: "\fab2" }
.icon-pct-crest-white-star:before { content: "\fab3" }
.icon-pct-crop:before { content: "\fab4" }
.icon-pct-csharp:before { content: "\fab5" }
.icon-pct-css3-crest:before { content: "\fab6" }
.icon-pct-dart:before { content: "\fab7" }
.icon-pct-database-table:before { content: "\fab8" }
.icon-pct-database-table-header:before { content: "\fab9" }
.icon-pct-database-tables:before { content: "\faba" }
.icon-pct-database-tables-header:before { content: "\fabb" }
.icon-pct-database-three:before { content: "\fabc" }
.icon-pct-database-three-add:before { content: "\fabd" }
.icon-pct-database-three-apply:before { content: "\fabe" }
.icon-pct-database-three-connect:before { content: "\fabf" }
.icon-pct-database-three-delete:before { content: "\fac0" }
.icon-pct-database-three-download:before { content: "\fac1" }
.icon-pct-database-three-edit:before { content: "\fac2" }
.icon-pct-database-three-favourite:before { content: "\fac3" }
.icon-pct-database-three-firstrecord:before { content: "\fac4" }
.icon-pct-database-three-lastrecord:before { content: "\fac5" }
.icon-pct-database-three-lock:before { content: "\fac6" }
.icon-pct-database-three-network:before { content: "\fac7" }
.icon-pct-database-three-new:before { content: "\fac8" }
.icon-pct-database-three-nextrecord:before { content: "\fac9" }
.icon-pct-database-three-prevrecord:before { content: "\faca" }
.icon-pct-database-three-redo:before { content: "\facb" }
.icon-pct-database-three-refresh:before { content: "\facc" }
.icon-pct-database-three-remote:before { content: "\facd" }
.icon-pct-database-three-remove:before { content: "\face" }
.icon-pct-database-three-repair:before { content: "\facf" }
.icon-pct-database-three-search:before { content: "\fad0" }
.icon-pct-database-three-settings:before { content: "\fad1" }
.icon-pct-database-three-time:before { content: "\fad2" }
.icon-pct-database-three-undo:before { content: "\fad3" }
.icon-pct-database-three-unlock:before { content: "\fad4" }
.icon-pct-database-three-upload:before { content: "\fad5" }
.icon-pct-database-three-user:before { content: "\fad6" }
.icon-pct-database-three-warning:before { content: "\fad7" }
.icon-pct-database-two:before { content: "\fad8" }
.icon-pct-database-two-add:before { content: "\fad9" }
.icon-pct-database-two-apply:before { content: "\fada" }
.icon-pct-database-two-connect:before { content: "\fadb" }
.icon-pct-database-two-delete:before { content: "\fadc" }
.icon-pct-database-two-download:before { content: "\fadd" }
.icon-pct-database-two-edit:before { content: "\fade" }
.icon-pct-database-two-favourite:before { content: "\fadf" }
.icon-pct-database-two-firstrecord:before { content: "\fae0" }
.icon-pct-database-two-lastrecord:before { content: "\fae1" }
.icon-pct-database-two-lock:before { content: "\fae2" }
.icon-pct-database-two-network:before { content: "\fae3" }
.icon-pct-database-two-new:before { content: "\fae4" }
.icon-pct-database-two-nextrecord:before { content: "\fae5" }
.icon-pct-database-two-prevrecord:before { content: "\fae6" }
.icon-pct-database-two-redo:before { content: "\fae7" }
.icon-pct-database-two-refresh:before { content: "\fae8" }
.icon-pct-database-two-remote:before { content: "\fae9" }
.icon-pct-database-two-remove:before { content: "\faea" }
.icon-pct-database-two-repair:before { content: "\faeb" }
.icon-pct-database-two-search:before { content: "\faec" }
.icon-pct-database-two-settings:before { content: "\faed" }
.icon-pct-database-two-sql:before { content: "\faee" }
.icon-pct-database-two-time:before { content: "\faef" }
.icon-pct-database-two-undo:before { content: "\faf0" }
.icon-pct-database-two-unlock:before { content: "\faf1" }
.icon-pct-database-two-upload:before { content: "\faf2" }
.icon-pct-database-two-user:before { content: "\faf3" }
.icon-pct-database-two-warning:before { content: "\faf4" }
.icon-pct-datacube-black:before { content: "\faf5" }
.icon-pct-datacube-black-network:before { content: "\faf6" }
.icon-pct-datacube-white:before { content: "\faf7" }
.icon-pct-datacube-white-network:before { content: "\faf8" }
.icon-pct-delicious:before { content: "\faf9" }
.icon-pct-delphi:before { content: "\fafa" }
.icon-pct-delphi-sign:before { content: "\fafb" }
.icon-pct-design-float:before { content: "\fafc" }
.icon-pct-deviantart:before { content: "\fafd" }
.icon-pct-dice-1:before { content: "\fafe" }
.icon-pct-dice-2:before { content: "\faff" }
.icon-pct-dice-3:before { content: "\fb00" }
.icon-pct-dice-4:before { content: "\fb01" }
.icon-pct-dice-5:before { content: "\fb02" }
.icon-pct-dice-6:before { content: "\fb03" }
.icon-pct-digg:before { content: "\fb04" }
.icon-pct-django:before { content: "\fb05" }
.icon-pct-dog-face:before { content: "\fb06" }
.icon-pct-dotnet:before { content: "\fb07" }
.icon-pct-drupal:before { content: "\fb08" }
.icon-pct-egg:before { content: "\fb09" }
.icon-pct-elephant-face:before { content: "\fb0a" }
.icon-pct-erlang:before { content: "\fb0b" }
.icon-pct-evernote:before { content: "\fb0c" }
.icon-pct-expression:before { content: "\fb0d" }
.icon-pct-face-agent:before { content: "\fb0e" }
.icon-pct-face-alien:before { content: "\fb0f" }
.icon-pct-face-angel:before { content: "\fb10" }
.icon-pct-face-batman:before { content: "\fb11" }
.icon-pct-face-beaten:before { content: "\fb12" }
.icon-pct-face-blank:before { content: "\fb13" }
.icon-pct-face-blank-dark:before { content: "\fb14" }
.icon-pct-face-captain-america:before { content: "\fb15" }
.icon-pct-face-catwoman:before { content: "\fb16" }
.icon-pct-face-chibi:before { content: "\fb17" }
.icon-pct-face-confused:before { content: "\fb18" }
.icon-pct-face-confused-dark:before { content: "\fb19" }
.icon-pct-face-cry:before { content: "\fb1a" }
.icon-pct-face-cute-sad:before { content: "\fb1b" }
.icon-pct-face-cyclops:before { content: "\fb1c" }
.icon-pct-face-daredevil:before { content: "\fb1d" }
.icon-pct-face-dead:before { content: "\fb1e" }
.icon-pct-face-dead-dark:before { content: "\fb1f" }
.icon-pct-face-deadpool:before { content: "\fb20" }
.icon-pct-face-delirium:before { content: "\fb21" }
.icon-pct-face-desperate:before { content: "\fb22" }
.icon-pct-face-dr-doom:before { content: "\fb23" }
.icon-pct-face-enjoy:before { content: "\fb24" }
.icon-pct-face-evil:before { content: "\fb25" }
.icon-pct-face-evil-dark:before { content: "\fb26" }
.icon-pct-face-friendly:before { content: "\fb27" }
.icon-pct-face-fury:before { content: "\fb28" }
.icon-pct-face-glasses:before { content: "\fb29" }
.icon-pct-face-groucho:before { content: "\fb2a" }
.icon-pct-face-happy:before { content: "\fb2b" }
.icon-pct-face-happy-dark:before { content: "\fb2c" }
.icon-pct-face-hawkeye:before { content: "\fb2d" }
.icon-pct-face-ironman:before { content: "\fb2e" }
.icon-pct-face-kiss:before { content: "\fb2f" }
.icon-pct-face-kolombo:before { content: "\fb30" }
.icon-pct-face-lively:before { content: "\fb31" }
.icon-pct-face-lost:before { content: "\fb32" }
.icon-pct-face-love:before { content: "\fb33" }
.icon-pct-face-love-dark:before { content: "\fb34" }
.icon-pct-face-morte:before { content: "\fb35" }
.icon-pct-face-moustache:before { content: "\fb36" }
.icon-pct-face-moustache-small:before { content: "\fb37" }
.icon-pct-face-ninja-dark:before { content: "\fb38" }
.icon-pct-face-nomimic:before { content: "\fb39" }
.icon-pct-face-nomimic-dark:before { content: "\fb3a" }
.icon-pct-face-nooo:before { content: "\fb3b" }
.icon-pct-face-peace:before { content: "\fb3c" }
.icon-pct-face-pirate:before { content: "\fb3d" }
.icon-pct-face-popped:before { content: "\fb3e" }
.icon-pct-face-puzzle:before { content: "\fb3f" }
.icon-pct-face-reckless:before { content: "\fb40" }
.icon-pct-face-rofl:before { content: "\fb41" }
.icon-pct-face-sad:before { content: "\fb42" }
.icon-pct-face-sad-dark:before { content: "\fb43" }
.icon-pct-face-shiny:before { content: "\fb44" }
.icon-pct-face-shocked:before { content: "\fb45" }
.icon-pct-face-shocked-dark:before { content: "\fb46" }
.icon-pct-face-sick:before { content: "\fb47" }
.icon-pct-face-skeleton:before { content: "\fb48" }
.icon-pct-face-sleep:before { content: "\fb49" }
.icon-pct-face-smiletoo:before { content: "\fb4a" }
.icon-pct-face-snob:before { content: "\fb4b" }
.icon-pct-face-snob-dark:before { content: "\fb4c" }
.icon-pct-face-spiderman:before { content: "\fb4d" }
.icon-pct-face-spoil:before { content: "\fb4e" }
.icon-pct-face-spoil-dark:before { content: "\fb4f" }
.icon-pct-face-sushi:before { content: "\fb50" }
.icon-pct-face-sweat:before { content: "\fb51" }
.icon-pct-face-thor:before { content: "\fb52" }
.icon-pct-face-vampire:before { content: "\fb53" }
.icon-pct-face-vampire-dark:before { content: "\fb54" }
.icon-pct-face-venom:before { content: "\fb55" }
.icon-pct-face-wing-dark:before { content: "\fb56" }
.icon-pct-face-wink:before { content: "\fb57" }
.icon-pct-face-wolverine:before { content: "\fb58" }
.icon-pct-face-yawn:before { content: "\fb59" }
.icon-pct-face-yuck:before { content: "\fb5a" }
.icon-pct-face-yumm:before { content: "\fb5b" }
.icon-pct-feedburner:before { content: "\fb5c" }
.icon-pct-fighter-jet-f16:before { content: "\fb5d" }
.icon-pct-fighter-jet-f22:before { content: "\fb5e" }
.icon-pct-fighter-jet-f35:before { content: "\fb5f" }
.icon-pct-folder-horizontal:before { content: "\fb60" }
.icon-pct-folder-horizontal-add:before { content: "\fb61" }
.icon-pct-folder-horizontal-delete:before { content: "\fb62" }
.icon-pct-folder-horizontal-download:before { content: "\fb63" }
.icon-pct-folder-horizontal-favorite:before { content: "\fb64" }
.icon-pct-folder-horizontal-like:before { content: "\fb65" }
.icon-pct-folder-horizontal-redo:before { content: "\fb66" }
.icon-pct-folder-horizontal-remove:before { content: "\fb67" }
.icon-pct-folder-horizontal-search:before { content: "\fb68" }
.icon-pct-folder-horizontal-settings:before { content: "\fb69" }
.icon-pct-folder-horizontal-undo:before { content: "\fb6a" }
.icon-pct-folder-horizontal-upload:before { content: "\fb6b" }
.icon-pct-folder-horizontal-user:before { content: "\fb6c" }
.icon-pct-folder-vertical:before { content: "\fb6d" }
.icon-pct-folder-vertical-add:before { content: "\fb6e" }
.icon-pct-folder-vertical-delete:before { content: "\fb6f" }
.icon-pct-folder-vertical-download:before { content: "\fb70" }
.icon-pct-folder-vertical-favorite:before { content: "\fb71" }
.icon-pct-folder-vertical-like:before { content: "\fb72" }
.icon-pct-folder-vertical-redo:before { content: "\fb73" }
.icon-pct-folder-vertical-remove:before { content: "\fb74" }
.icon-pct-folder-vertical-search:before { content: "\fb75" }
.icon-pct-folder-vertical-undo:before { content: "\fb76" }
.icon-pct-folder-vertical-upload:before { content: "\fb77" }
.icon-pct-folder-vertical-user:before { content: "\fb78" }
.icon-pct-foreground:before { content: "\fb79" }
.icon-pct-formspring:before { content: "\fb7a" }
.icon-pct-forrst:before { content: "\fb7b" }
.icon-pct-fortran:before { content: "\fb7c" }
.icon-pct-fossil:before { content: "\fb7d" }
.icon-pct-freemasonry:before { content: "\fb7e" }
.icon-pct-freemasonry-sign:before { content: "\fb7f" }
.icon-pct-fresqui:before { content: "\fb80" }
.icon-pct-friendfeed:before { content: "\fb81" }
.icon-pct-frog-face:before { content: "\fb82" }
.icon-pct-game-controller-buttons:before { content: "\fb83" }
.icon-pct-gauge-basic:before { content: "\fb84" }
.icon-pct-gauge-empty-full:before { content: "\fb85" }
.icon-pct-gauge-odometer:before { content: "\fb86" }
.icon-pct-gauge-range-black:before { content: "\fb87" }
.icon-pct-gauge-range-white:before { content: "\fb88" }
.icon-pct-gauge-swoosh:before { content: "\fb89" }
.icon-pct-gazelle-face:before { content: "\fb8a" }
.icon-pct-ghost-mouth-black:before { content: "\fb8b" }
.icon-pct-ghost-mouth-white:before { content: "\fb8c" }
.icon-pct-giraffe-face:before { content: "\fb8d" }
.icon-pct-git:before { content: "\fb8e" }
.icon-pct-gmail:before { content: "\fb8f" }
.icon-pct-go:before { content: "\fb90" }
.icon-pct-google:before { content: "\fb91" }
.icon-pct-google-currents:before { content: "\fb92" }
.icon-pct-google-drive:before { content: "\fb93" }
.icon-pct-gradient:before { content: "\fb94" }
.icon-pct-grooveshark:before { content: "\fb95" }
.icon-pct-groovy:before { content: "\fb96" }
.icon-pct-habrahbr:before { content: "\fb97" }
.icon-pct-hadoop:before { content: "\fb98" }
.icon-pct-hand-left:before { content: "\fb99" }
.icon-pct-hand-right:before { content: "\fb9a" }
.icon-pct-hands-left-up:before { content: "\fb9b" }
.icon-pct-hands-right-up:before { content: "\fb9c" }
.icon-pct-haskell:before { content: "\fb9d" }
.icon-pct-hbase:before { content: "\fb9e" }
.icon-pct-heart-broken:before { content: "\fb9f" }
.icon-pct-hearts:before { content: "\fba0" }
.icon-pct-heels:before { content: "\fba1" }
.icon-pct-hexagon:before { content: "\fba2" }
.icon-pct-hi5:before { content: "\fba3" }
.icon-pct-hinduism:before { content: "\fba4" }
.icon-pct-hinduism-sign:before { content: "\fba5" }
.icon-pct-hippopotamus-face:before { content: "\fba6" }
.icon-pct-houdini:before { content: "\fba7" }
.icon-pct-howling-wolf:before { content: "\fba8" }
.icon-pct-html5-crest:before { content: "\fba9" }
.icon-pct-hyves:before { content: "\fbaa" }
.icon-pct-icq:before { content: "\fbab" }
.icon-pct-identi-ca:before { content: "\fbac" }
.icon-pct-imgur:before { content: "\fbad" }
.icon-pct-inbox-multiple:before { content: "\fbae" }
.icon-pct-inbox-single:before { content: "\fbaf" }
.icon-pct-indent-left:before { content: "\fbb0" }
.icon-pct-indent-right:before { content: "\fbb1" }
.icon-pct-infinity:before { content: "\fbb2" }
.icon-pct-infinity-sign:before { content: "\fbb3" }
.icon-pct-instapaper:before { content: "\fbb4" }
.icon-pct-ios:before { content: "\fbb5" }
.icon-pct-ios-sign:before { content: "\fbb6" }
.icon-pct-islam:before { content: "\fbb7" }
.icon-pct-islam-sign:before { content: "\fbb8" }
.icon-pct-jainism:before { content: "\fbb9" }
.icon-pct-jainism-sign:before { content: "\fbba" }
.icon-pct-java:before { content: "\fbbb" }
.icon-pct-joomla:before { content: "\fbbc" }
.icon-pct-jquery:before { content: "\fbbd" }
.icon-pct-js:before { content: "\fbbe" }
.icon-pct-js-sign:before { content: "\fbbf" }
.icon-pct-jsfiddle:before { content: "\fbc0" }
.icon-pct-judaism:before { content: "\fbc1" }
.icon-pct-judaism-sign:before { content: "\fbc2" }
.icon-pct-kaboodle:before { content: "\fbc3" }
.icon-pct-koala-face:before { content: "\fbc4" }
.icon-pct-last-fm:before { content: "\fbc5" }
.icon-pct-lightwave:before { content: "\fbc6" }
.icon-pct-line-chart:before { content: "\fbc7" }
.icon-pct-linux-centos:before { content: "\fbc8" }
.icon-pct-linux-debian:before { content: "\fbc9" }
.icon-pct-linux-fedora:before { content: "\fbca" }
.icon-pct-linux-redhat:before { content: "\fbcb" }
.icon-pct-linux-tux:before { content: "\fbcc" }
.icon-pct-linux-tux-sign:before { content: "\fbcd" }
.icon-pct-linux-ubuntu:before { content: "\fbce" }
.icon-pct-lion-face:before { content: "\fbcf" }
.icon-pct-lisp:before { content: "\fbd0" }
.icon-pct-livejournal:before { content: "\fbd1" }
.icon-pct-lua:before { content: "\fbd2" }
.icon-pct-magento:before { content: "\fbd3" }
.icon-pct-mailru:before { content: "\fbd4" }
.icon-pct-map-marker-bubble-black-blank:before { content: "\fbd5" }
.icon-pct-map-marker-bubble-black-letter-A:before { content: "\fbd6" }
.icon-pct-map-marker-bubble-black-letter-B:before { content: "\fbd7" }
.icon-pct-map-marker-bubble-black-letter-C:before { content: "\fbd8" }
.icon-pct-map-marker-bubble-black-letter-D:before { content: "\fbd9" }
.icon-pct-map-marker-bubble-black-letter-E:before { content: "\fbda" }
.icon-pct-map-marker-bubble-black-letter-F:before { content: "\fbdb" }
.icon-pct-map-marker-bubble-black-letter-G:before { content: "\fbdc" }
.icon-pct-map-marker-bubble-black-letter-H:before { content: "\fbdd" }
.icon-pct-map-marker-bubble-black-letter-I:before { content: "\fbde" }
.icon-pct-map-marker-bubble-black-number-01:before { content: "\fbdf" }
.icon-pct-map-marker-bubble-black-number-02:before { content: "\fbe0" }
.icon-pct-map-marker-bubble-black-number-03:before { content: "\fbe1" }
.icon-pct-map-marker-bubble-black-number-04:before { content: "\fbe2" }
.icon-pct-map-marker-bubble-black-number-05:before { content: "\fbe3" }
.icon-pct-map-marker-bubble-black-number-06:before { content: "\fbe4" }
.icon-pct-map-marker-bubble-black-number-07:before { content: "\fbe5" }
.icon-pct-map-marker-bubble-black-number-08:before { content: "\fbe6" }
.icon-pct-map-marker-bubble-black-number-09:before { content: "\fbe7" }
.icon-pct-map-marker-bubble-black-symbol-airplane:before { content: "\fbe8" }
.icon-pct-map-marker-bubble-black-symbol-anchor:before { content: "\fbe9" }
.icon-pct-map-marker-bubble-black-symbol-favorite:before { content: "\fbea" }
.icon-pct-map-marker-bubble-black-symbol-love:before { content: "\fbeb" }
.icon-pct-map-marker-bubble-black-symbol-music:before { content: "\fbec" }
.icon-pct-map-marker-bubble-black-symbol-phone:before { content: "\fbed" }
.icon-pct-map-marker-bubble-white-blank:before { content: "\fbee" }
.icon-pct-map-marker-bubble-white-letter-A:before { content: "\fbef" }
.icon-pct-map-marker-bubble-white-letter-B:before { content: "\fbf0" }
.icon-pct-map-marker-bubble-white-letter-C:before { content: "\fbf1" }
.icon-pct-map-marker-bubble-white-letter-D:before { content: "\fbf2" }
.icon-pct-map-marker-bubble-white-letter-E:before { content: "\fbf3" }
.icon-pct-map-marker-bubble-white-letter-F:before { content: "\fbf4" }
.icon-pct-map-marker-bubble-white-letter-G:before { content: "\fbf5" }
.icon-pct-map-marker-bubble-white-letter-H:before { content: "\fbf6" }
.icon-pct-map-marker-bubble-white-letter-I:before { content: "\fbf7" }
.icon-pct-map-marker-bubble-white-number-01:before { content: "\fbf8" }
.icon-pct-map-marker-bubble-white-number-02:before { content: "\fbf9" }
.icon-pct-map-marker-bubble-white-number-03:before { content: "\fbfa" }
.icon-pct-map-marker-bubble-white-number-04:before { content: "\fbfb" }
.icon-pct-map-marker-bubble-white-number-05:before { content: "\fbfc" }
.icon-pct-map-marker-bubble-white-number-06:before { content: "\fbfd" }
.icon-pct-map-marker-bubble-white-number-07:before { content: "\fbfe" }
.icon-pct-map-marker-bubble-white-number-08:before { content: "\fbff" }
.icon-pct-map-marker-bubble-white-number-09:before { content: "\fc00" }
.icon-pct-map-marker-bubble-white-symbol-airplane:before { content: "\fc01" }
.icon-pct-map-marker-bubble-white-symbol-anchor:before { content: "\fc02" }
.icon-pct-map-marker-bubble-white-symbol-favorite:before { content: "\fc03" }
.icon-pct-map-marker-bubble-white-symbol-love:before { content: "\fc04" }
.icon-pct-map-marker-bubble-white-symbol-music:before { content: "\fc05" }
.icon-pct-map-marker-bubble-white-symbol-phone:before { content: "\fc06" }
.icon-pct-map-marker-pin-black-blank:before { content: "\fc07" }
.icon-pct-map-marker-pin-black-letter-a:before { content: "\fc08" }
.icon-pct-map-marker-pin-black-letter-b:before { content: "\fc09" }
.icon-pct-map-marker-pin-black-letter-c:before { content: "\fc0a" }
.icon-pct-map-marker-pin-black-letter-d:before { content: "\fc0b" }
.icon-pct-map-marker-pin-black-letter-e:before { content: "\fc0c" }
.icon-pct-map-marker-pin-black-letter-f:before { content: "\fc0d" }
.icon-pct-map-marker-pin-black-letter-g:before { content: "\fc0e" }
.icon-pct-map-marker-pin-black-letter-h:before { content: "\fc0f" }
.icon-pct-map-marker-pin-black-letter-i:before { content: "\fc10" }
.icon-pct-map-marker-pin-black-number-01:before { content: "\fc11" }
.icon-pct-map-marker-pin-black-number-02:before { content: "\fc12" }
.icon-pct-map-marker-pin-black-number-03:before { content: "\fc13" }
.icon-pct-map-marker-pin-black-number-04:before { content: "\fc14" }
.icon-pct-map-marker-pin-black-number-05:before { content: "\fc15" }
.icon-pct-map-marker-pin-black-number-06:before { content: "\fc16" }
.icon-pct-map-marker-pin-black-number-07:before { content: "\fc17" }
.icon-pct-map-marker-pin-black-number-08:before { content: "\fc18" }
.icon-pct-map-marker-pin-black-number-09:before { content: "\fc19" }
.icon-pct-map-marker-pin-black-symbol-airplane:before { content: "\fc1a" }
.icon-pct-map-marker-pin-black-symbol-anchor:before { content: "\fc1b" }
.icon-pct-map-marker-pin-black-symbol-favorite:before { content: "\fc1c" }
.icon-pct-map-marker-pin-black-symbol-love:before { content: "\fc1d" }
.icon-pct-map-marker-pin-black-symbol-music:before { content: "\fc1e" }
.icon-pct-map-marker-pin-black-symbol-phone:before { content: "\fc1f" }
.icon-pct-map-marker-pin-white-blank:before { content: "\fc20" }
.icon-pct-map-marker-pin-white-letter-a:before { content: "\fc21" }
.icon-pct-map-marker-pin-white-letter-b:before { content: "\fc22" }
.icon-pct-map-marker-pin-white-letter-c:before { content: "\fc23" }
.icon-pct-map-marker-pin-white-letter-d:before { content: "\fc24" }
.icon-pct-map-marker-pin-white-letter-e:before { content: "\fc25" }
.icon-pct-map-marker-pin-white-letter-f:before { content: "\fc26" }
.icon-pct-map-marker-pin-white-letter-g:before { content: "\fc27" }
.icon-pct-map-marker-pin-white-letter-h:before { content: "\fc28" }
.icon-pct-map-marker-pin-white-letter-i:before { content: "\fc29" }
.icon-pct-map-marker-pin-white-number-01:before { content: "\fc2a" }
.icon-pct-map-marker-pin-white-number-02:before { content: "\fc2b" }
.icon-pct-map-marker-pin-white-number-03:before { content: "\fc2c" }
.icon-pct-map-marker-pin-white-number-04:before { content: "\fc2d" }
.icon-pct-map-marker-pin-white-number-05:before { content: "\fc2e" }
.icon-pct-map-marker-pin-white-number-06:before { content: "\fc2f" }
.icon-pct-map-marker-pin-white-number-07:before { content: "\fc30" }
.icon-pct-map-marker-pin-white-number-08:before { content: "\fc31" }
.icon-pct-map-marker-pin-white-number-09:before { content: "\fc32" }
.icon-pct-map-marker-pin-white-symbol-airplane:before { content: "\fc33" }
.icon-pct-map-marker-pin-white-symbol-anchor:before { content: "\fc34" }
.icon-pct-map-marker-pin-white-symbol-favorite:before { content: "\fc35" }
.icon-pct-map-marker-pin-white-symbol-love:before { content: "\fc36" }
.icon-pct-map-marker-pin-white-symbol-music:before { content: "\fc37" }
.icon-pct-map-marker-pin-white-symbol-phone:before { content: "\fc38" }
.icon-pct-matlab:before { content: "\fc39" }
.icon-pct-maya:before { content: "\fc3a" }
.icon-pct-mercurial:before { content: "\fc3b" }
.icon-pct-microchip:before { content: "\fc3c" }
.icon-pct-military-helmet:before { content: "\fc3d" }
.icon-pct-modo:before { content: "\fc3e" }
.icon-pct-mongodb:before { content: "\fc3f" }
.icon-pct-monkey-face:before { content: "\fc40" }
.icon-pct-monkey-wrench:before { content: "\fc41" }
.icon-pct-mootools:before { content: "\fc42" }
.icon-pct-mute:before { content: "\fc43" }
.icon-pct-mute-sign:before { content: "\fc44" }
.icon-pct-myspace:before { content: "\fc45" }
.icon-pct-mysql:before { content: "\fc46" }
.icon-pct-neo4j:before { content: "\fc47" }
.icon-pct-netlog:before { content: "\fc48" }
.icon-pct-news-for-gamers:before { content: "\fc49" }
.icon-pct-newsvine:before { content: "\fc4a" }
.icon-pct-nodejs:before { content: "\fc4b" }
.icon-pct-nodejs-text:before { content: "\fc4c" }
.icon-pct-nosql-sign:before { content: "\fc4d" }
.icon-pct-nut:before { content: "\fc4e" }
.icon-pct-objc:before { content: "\fc4f" }
.icon-pct-odnoklassniki:before { content: "\fc50" }
.icon-pct-orkut:before { content: "\fc51" }
.icon-pct-osx:before { content: "\fc52" }
.icon-pct-osx-sign:before { content: "\fc53" }
.icon-pct-owl-face:before { content: "\fc54" }
.icon-pct-paganism-hammer:before { content: "\fc55" }
.icon-pct-paganism-hammer-sign:before { content: "\fc56" }
.icon-pct-paganism-pentacle:before { content: "\fc57" }
.icon-pct-paganism-pentacle-sign:before { content: "\fc58" }
.icon-pct-paganism-triskele:before { content: "\fc59" }
.icon-pct-paganism-triskele-sign:before { content: "\fc5a" }
.icon-pct-paganism-wicca:before { content: "\fc5b" }
.icon-pct-paganism-wicca-sign:before { content: "\fc5c" }
.icon-pct-panda-face:before { content: "\fc5d" }
.icon-pct-panther-face:before { content: "\fc5e" }
.icon-pct-paypal:before { content: "\fc5f" }
.icon-pct-penguin-face:before { content: "\fc60" }
.icon-pct-perl:before { content: "\fc61" }
.icon-pct-php:before { content: "\fc62" }
.icon-pct-php-sign:before { content: "\fc63" }
.icon-pct-picasa:before { content: "\fc64" }
.icon-pct-pie-chart-black:before { content: "\fc65" }
.icon-pct-pie-chart-outline-black:before { content: "\fc66" }
.icon-pct-pie-chart-outline-white:before { content: "\fc67" }
.icon-pct-pie-chart-white:before { content: "\fc68" }
.icon-pct-pie-slice-black-1:before { content: "\fc69" }
.icon-pct-pie-slice-black-2:before { content: "\fc6a" }
.icon-pct-pie-slice-black-3:before { content: "\fc6b" }
.icon-pct-pie-slice-black-4:before { content: "\fc6c" }
.icon-pct-pie-slice-black-5:before { content: "\fc6d" }
.icon-pct-pie-slice-black-6:before { content: "\fc6e" }
.icon-pct-pie-slice-black-7:before { content: "\fc6f" }
.icon-pct-pie-slice-black-8:before { content: "\fc70" }
.icon-pct-pie-slice-white-1:before { content: "\fc71" }
.icon-pct-pie-slice-white-2:before { content: "\fc72" }
.icon-pct-pie-slice-white-3:before { content: "\fc73" }
.icon-pct-pie-slice-white-4:before { content: "\fc74" }
.icon-pct-pie-slice-white-5:before { content: "\fc75" }
.icon-pct-pie-slice-white-6:before { content: "\fc76" }
.icon-pct-pie-slice-white-7:before { content: "\fc77" }
.icon-pct-pie-slice-white-8:before { content: "\fc78" }
.icon-pct-pig-face:before { content: "\fc79" }
.icon-pct-pincers:before { content: "\fc7a" }
.icon-pct-plaxo:before { content: "\fc7b" }
.icon-pct-portable-game-console:before { content: "\fc7c" }
.icon-pct-portable-hdd:before { content: "\fc7d" }
.icon-pct-portable-ssd:before { content: "\fc7e" }
.icon-pct-postgresql:before { content: "\fc7f" }
.icon-pct-pylons:before { content: "\fc80" }
.icon-pct-pylons-sign:before { content: "\fc81" }
.icon-pct-python:before { content: "\fc82" }
.icon-pct-rabbit-face:before { content: "\fc83" }
.icon-pct-rails:before { content: "\fc84" }
.icon-pct-rdio:before { content: "\fc85" }
.icon-pct-rectangle:before { content: "\fc86" }
.icon-pct-rectangle-rounded:before { content: "\fc87" }
.icon-pct-recycling-triangle-black:before { content: "\fc88" }
.icon-pct-recycling-triangle-mixed:before { content: "\fc89" }
.icon-pct-recycling-triangle-sign:before { content: "\fc8a" }
.icon-pct-recycling-triangle-white:before { content: "\fc8b" }
.icon-pct-reddit:before { content: "\fc8c" }
.icon-pct-redis:before { content: "\fc8d" }
.icon-pct-reflect:before { content: "\fc8e" }
.icon-pct-renren:before { content: "\fc8f" }
.icon-pct-repeat:before { content: "\fc90" }
.icon-pct-repeat-all:before { content: "\fc91" }
.icon-pct-repeat-one:before { content: "\fc92" }
.icon-pct-reticle-angles:before { content: "\fc93" }
.icon-pct-reticle-axes:before { content: "\fc94" }
.icon-pct-reticle-ticks:before { content: "\fc95" }
.icon-pct-riak:before { content: "\fc96" }
.icon-pct-rotate:before { content: "\fc97" }
.icon-pct-ruby:before { content: "\fc98" }
.icon-pct-scala:before { content: "\fc99" }
.icon-pct-scale:before { content: "\fc9a" }
.icon-pct-screw:before { content: "\fc9b" }
.icon-pct-selection-circle:before { content: "\fc9c" }
.icon-pct-selection-column:before { content: "\fc9d" }
.icon-pct-selection-rectangle:before { content: "\fc9e" }
.icon-pct-selection-row:before { content: "\fc9f" }
.icon-pct-shape-arrow-down-black:before { content: "\fca0" }
.icon-pct-shape-arrow-down-white:before { content: "\fca1" }
.icon-pct-shape-arrow-left-black:before { content: "\fca2" }
.icon-pct-shape-arrow-left-white:before { content: "\fca3" }
.icon-pct-shape-arrow-right-black:before { content: "\fca4" }
.icon-pct-shape-arrow-right-white:before { content: "\fca5" }
.icon-pct-shape-arrow-up-black:before { content: "\fca6" }
.icon-pct-shape-arrow-up-white:before { content: "\fca7" }
.icon-pct-shape-arrows-down:before { content: "\fca8" }
.icon-pct-shape-arrows-left:before { content: "\fca9" }
.icon-pct-shape-arrows-right:before { content: "\fcaa" }
.icon-pct-shape-arrows-up:before { content: "\fcab" }
.icon-pct-shape-circle-half-bottom-black:before { content: "\fcac" }
.icon-pct-shape-circle-half-bottom-white:before { content: "\fcad" }
.icon-pct-shape-circle-half-left-black:before { content: "\fcae" }
.icon-pct-shape-circle-half-left-white:before { content: "\fcaf" }
.icon-pct-shape-circle-half-right-black:before { content: "\fcb0" }
.icon-pct-shape-circle-half-right-white:before { content: "\fcb1" }
.icon-pct-shape-circle-half-top-black:before { content: "\fcb2" }
.icon-pct-shape-circle-half-top-white:before { content: "\fcb3" }
.icon-pct-shape-circle-quarter-bottom-left-black:before { content: "\fcb4" }
.icon-pct-shape-circle-quarter-bottom-left-white:before { content: "\fcb5" }
.icon-pct-shape-circle-quarter-bottom-right-black:before { content: "\fcb6" }
.icon-pct-shape-circle-quarter-bottom-right-white:before { content: "\fcb7" }
.icon-pct-shape-circle-quarter-top-left-black:before { content: "\fcb8" }
.icon-pct-shape-circle-quarter-top-left-white:before { content: "\fcb9" }
.icon-pct-shape-circle-quarter-top-right-black:before { content: "\fcba" }
.icon-pct-shape-circle-quarter-top-right-white:before { content: "\fcbb" }
.icon-pct-shape-dots-duo-horizontal-black:before { content: "\fcbc" }
.icon-pct-shape-dots-duo-horizontal-white:before { content: "\fcbd" }
.icon-pct-shape-dots-duo-vertical-black:before { content: "\fcbe" }
.icon-pct-shape-dots-duo-vertical-white:before { content: "\fcbf" }
.icon-pct-shape-dots-quattro-black:before { content: "\fcc0" }
.icon-pct-shape-dots-quattro-diamond-black:before { content: "\fcc1" }
.icon-pct-shape-dots-quattro-diamond-white:before { content: "\fcc2" }
.icon-pct-shape-dots-quattro-white:before { content: "\fcc3" }
.icon-pct-shape-frame-circle-bottom-left:before { content: "\fcc4" }
.icon-pct-shape-frame-circle-bottom-right:before { content: "\fcc5" }
.icon-pct-shape-frame-circle-grid-angled:before { content: "\fcc6" }
.icon-pct-shape-frame-circle-grid-straight:before { content: "\fcc7" }
.icon-pct-shape-frame-circle-line-horizontal:before { content: "\fcc8" }
.icon-pct-shape-frame-circle-line-vertical:before { content: "\fcc9" }
.icon-pct-shape-frame-circle-top-left:before { content: "\fcca" }
.icon-pct-shape-frame-circle-top-right:before { content: "\fccb" }
.icon-pct-shape-frame-square-bottom-left:before { content: "\fccc" }
.icon-pct-shape-frame-square-bottom-right:before { content: "\fccd" }
.icon-pct-shape-frame-square-cornerline-ascending:before { content: "\fcce" }
.icon-pct-shape-frame-square-cornerline-descending:before { content: "\fccf" }
.icon-pct-shape-frame-square-grid-angled:before { content: "\fcd0" }
.icon-pct-shape-frame-square-grid-straight:before { content: "\fcd1" }
.icon-pct-shape-frame-square-line-horizontal:before { content: "\fcd2" }
.icon-pct-shape-frame-square-line-vertical:before { content: "\fcd3" }
.icon-pct-shape-frame-square-top-left:before { content: "\fcd4" }
.icon-pct-shape-frame-square-top-right:before { content: "\fcd5" }
.icon-pct-shape-inner-circle:before { content: "\fcd6" }
.icon-pct-shape-inner-square:before { content: "\fcd7" }
.icon-pct-shape-inner-triangle:before { content: "\fcd8" }
.icon-pct-shape-line-circle:before { content: "\fcd9" }
.icon-pct-shape-line-curved-triangle:before { content: "\fcda" }
.icon-pct-shape-line-diamond:before { content: "\fcdb" }
.icon-pct-shape-line-gothic:before { content: "\fcdc" }
.icon-pct-shape-line-kite:before { content: "\fcdd" }
.icon-pct-shape-line-rhombus:before { content: "\fcde" }
.icon-pct-shape-line-square:before { content: "\fcdf" }
.icon-pct-shape-line-triangle:before { content: "\fce0" }
.icon-pct-shape-line-trifold:before { content: "\fce1" }
.icon-pct-shape-perspective-cone:before { content: "\fce2" }
.icon-pct-shape-perspective-cube:before { content: "\fce3" }
.icon-pct-shape-perspective-cyclinder:before { content: "\fce4" }
.icon-pct-shape-perspective-pyramid:before { content: "\fce5" }
.icon-pct-shape-perspective-sphere:before { content: "\fce6" }
.icon-pct-shape-plain-circle-black:before { content: "\fce7" }
.icon-pct-shape-plain-circle-white:before { content: "\fce8" }
.icon-pct-shape-plain-curved-triangle-black:before { content: "\fce9" }
.icon-pct-shape-plain-curved-triangle-white:before { content: "\fcea" }
.icon-pct-shape-plain-diamond-black:before { content: "\fceb" }
.icon-pct-shape-plain-diamond-white:before { content: "\fcec" }
.icon-pct-shape-plain-ellipse-black:before { content: "\fced" }
.icon-pct-shape-plain-ellipse-white:before { content: "\fcee" }
.icon-pct-shape-plain-gothic-black:before { content: "\fcef" }
.icon-pct-shape-plain-gothic-white:before { content: "\fcf0" }
.icon-pct-shape-plain-kite-black:before { content: "\fcf1" }
.icon-pct-shape-plain-kite-white:before { content: "\fcf2" }
.icon-pct-shape-plain-oval-black:before { content: "\fcf3" }
.icon-pct-shape-plain-oval-white:before { content: "\fcf4" }
.icon-pct-shape-plain-parallelogram-black:before { content: "\fcf5" }
.icon-pct-shape-plain-parallelogram-white:before { content: "\fcf6" }
.icon-pct-shape-plain-peakhead-black:before { content: "\fcf7" }
.icon-pct-shape-plain-peakhead-white:before { content: "\fcf8" }
.icon-pct-shape-plain-polygon-05-black:before { content: "\fcf9" }
.icon-pct-shape-plain-polygon-05-white:before { content: "\fcfa" }
.icon-pct-shape-plain-polygon-06-black:before { content: "\fcfb" }
.icon-pct-shape-plain-polygon-06-white:before { content: "\fcfc" }
.icon-pct-shape-plain-polygon-07-black:before { content: "\fcfd" }
.icon-pct-shape-plain-polygon-07-white:before { content: "\fcfe" }
.icon-pct-shape-plain-polygon-08-black:before { content: "\fcff" }
.icon-pct-shape-plain-polygon-08-white:before { content: "\fd00" }
.icon-pct-shape-plain-polygon-09-black:before { content: "\fd01" }
.icon-pct-shape-plain-polygon-09-white:before { content: "\fd02" }
.icon-pct-shape-plain-polygon-10-black:before { content: "\fd03" }
.icon-pct-shape-plain-polygon-10-white:before { content: "\fd04" }
.icon-pct-shape-plain-quadrilateral-black:before { content: "\fd05" }
.icon-pct-shape-plain-quadrilateral-white:before { content: "\fd06" }
.icon-pct-shape-plain-rakehead-black:before { content: "\fd07" }
.icon-pct-shape-plain-rakehead-white:before { content: "\fd08" }
.icon-pct-shape-plain-rectangle-black:before { content: "\fd09" }
.icon-pct-shape-plain-rectangle-white:before { content: "\fd0a" }
.icon-pct-shape-plain-rhombus-black:before { content: "\fd0b" }
.icon-pct-shape-plain-rhombus-white:before { content: "\fd0c" }
.icon-pct-shape-plain-right-triangle-black:before { content: "\fd0d" }
.icon-pct-shape-plain-right-triangle-white:before { content: "\fd0e" }
.icon-pct-shape-plain-square-black:before { content: "\fd0f" }
.icon-pct-shape-plain-square-white:before { content: "\fd10" }
.icon-pct-shape-plain-trapezium-black:before { content: "\fd11" }
.icon-pct-shape-plain-trapezium-white:before { content: "\fd12" }
.icon-pct-shape-plain-trapezoid-black:before { content: "\fd13" }
.icon-pct-shape-plain-trapezoid-white:before { content: "\fd14" }
.icon-pct-shape-plain-triangle-black:before { content: "\fd15" }
.icon-pct-shape-plain-triangle-white:before { content: "\fd16" }
.icon-pct-shape-plain-trifoil-black:before { content: "\fd17" }
.icon-pct-shape-plain-trifoil-white:before { content: "\fd18" }
.icon-pct-shape-point-circle:before { content: "\fd19" }
.icon-pct-shape-point-diamond:before { content: "\fd1a" }
.icon-pct-shape-point-square:before { content: "\fd1b" }
.icon-pct-shape-point-triangle:before { content: "\fd1c" }
.icon-pct-shape-split-square-bottom:before { content: "\fd1d" }
.icon-pct-shape-split-square-bottom-right:before { content: "\fd1e" }
.icon-pct-shape-split-square-left:before { content: "\fd1f" }
.icon-pct-shape-split-square-right:before { content: "\fd20" }
.icon-pct-shape-split-square-top:before { content: "\fd21" }
.icon-pct-shape-split-square-top-left:before { content: "\fd22" }
.icon-pct-shape-split-triangle:before { content: "\fd23" }
.icon-pct-shape-split-triangle-left:before { content: "\fd24" }
.icon-pct-shape-split-triangle-right:before { content: "\fd25" }
.icon-pct-shape-split-triangle-up:before { content: "\fd26" }
.icon-pct-shape-strong-circle:before { content: "\fd27" }
.icon-pct-shape-strong-curved-triangle:before { content: "\fd28" }
.icon-pct-shape-strong-diamond:before { content: "\fd29" }
.icon-pct-shape-strong-gothic:before { content: "\fd2a" }
.icon-pct-shape-strong-kite:before { content: "\fd2b" }
.icon-pct-shape-strong-rhombus:before { content: "\fd2c" }
.icon-pct-shape-strong-square:before { content: "\fd2d" }
.icon-pct-shape-strong-triangle:before { content: "\fd2e" }
.icon-pct-shape-strong-trifold:before { content: "\fd2f" }
.icon-pct-shield-black:before { content: "\fd30" }
.icon-pct-shield-black-star:before { content: "\fd31" }
.icon-pct-shield-half:before { content: "\fd32" }
.icon-pct-shield-top:before { content: "\fd33" }
.icon-pct-shield-white:before { content: "\fd34" }
.icon-pct-shield-white-star:before { content: "\fd35" }
.icon-pct-shintoism:before { content: "\fd36" }
.icon-pct-shintoism-sign:before { content: "\fd37" }
.icon-pct-shopify:before { content: "\fd38" }
.icon-pct-shovels:before { content: "\fd39" }
.icon-pct-sikhism:before { content: "\fd3a" }
.icon-pct-sikhism-sign:before { content: "\fd3b" }
.icon-pct-sina:before { content: "\fd3c" }
.icon-pct-sketchup:before { content: "\fd3d" }
.icon-pct-skydrive:before { content: "\fd3e" }
.icon-pct-slashdot:before { content: "\fd3f" }
.icon-pct-sloth-face:before { content: "\fd40" }
.icon-pct-snowman:before { content: "\fd41" }
.icon-pct-snowman-face:before { content: "\fd42" }
.icon-pct-social-bakers:before { content: "\fd43" }
.icon-pct-softimage:before { content: "\fd44" }
.icon-pct-solidworks:before { content: "\fd45" }
.icon-pct-soundcloud:before { content: "\fd46" }
.icon-pct-spotify:before { content: "\fd47" }
.icon-pct-sqlite:before { content: "\fd48" }
.icon-pct-sqlserver:before { content: "\fd49" }
.icon-pct-squash-field:before { content: "\fd4a" }
.icon-pct-sticker-discount:before { content: "\fd4b" }
.icon-pct-stumbleupon:before { content: "\fd4c" }
.icon-pct-submarine:before { content: "\fd4d" }
.icon-pct-svn:before { content: "\fd4e" }
.icon-pct-svpply:before { content: "\fd4f" }
.icon-pct-switch-off:before { content: "\fd50" }
.icon-pct-switch-on:before { content: "\fd51" }
.icon-pct-symfony:before { content: "\fd52" }
.icon-pct-table-saw:before { content: "\fd53" }
.icon-pct-taoism:before { content: "\fd54" }
.icon-pct-technorati:before { content: "\fd55" }
.icon-pct-tencent:before { content: "\fd56" }
.icon-pct-tennis-field:before { content: "\fd57" }
.icon-pct-test-tube-angled-empty:before { content: "\fd58" }
.icon-pct-test-tube-angled-full:before { content: "\fd59" }
.icon-pct-test-tube-empty:before { content: "\fd5a" }
.icon-pct-test-tube-full:before { content: "\fd5b" }
.icon-pct-test-tubes:before { content: "\fd5c" }
.icon-pct-tie-plain:before { content: "\fd5d" }
.icon-pct-tie-stripes:before { content: "\fd5e" }
.icon-pct-tiger-face:before { content: "\fd5f" }
.icon-pct-time-bomb:before { content: "\fd60" }
.icon-pct-tint:before { content: "\fd61" }
.icon-pct-typepad:before { content: "\fd62" }
.icon-pct-underwear:before { content: "\fd63" }
.icon-pct-undo-brush:before { content: "\fd64" }
.icon-pct-undo-circle:before { content: "\fd65" }
.icon-pct-usb:before { content: "\fd66" }
.icon-pct-vbnet:before { content: "\fd67" }
.icon-pct-vimeo:before { content: "\fd68" }
.icon-pct-visualstudio:before { content: "\fd69" }
.icon-pct-voxopolis:before { content: "\fd6a" }
.icon-pct-vue:before { content: "\fd6b" }
.icon-pct-wechat:before { content: "\fd6c" }
.icon-pct-wikipedia:before { content: "\fd6d" }
.icon-pct-windows-sign:before { content: "\fd6e" }
.icon-pct-wolf-face:before { content: "\fd6f" }
.icon-pct-wordpress:before { content: "\fd70" }
.icon-pct-xanga:before { content: "\fd71" }
.icon-pct-yahoo:before { content: "\fd72" }
.icon-pct-yammer:before { content: "\fd73" }
.icon-pct-yandex:before { content: "\fd74" }
.icon-pct-yii:before { content: "\fd75" }
.icon-pct-zbrush:before { content: "\fd76" }
.icon-pct-zend:before { content: "\fd77" }
.icon-pct-zerply:before { content: "\fd78" }
.icon-pencil:before { content: "\fd79" }
.icon-phone:before { content: "\fd7a" }
.icon-phone-sign:before { content: "\fd7b" }
.icon-picture:before { content: "\fd7c" }
.icon-pinterest:before { content: "\fd7d" }
.icon-pinterest-sign:before { content: "\fd7e" }
.icon-plane:before { content: "\fd7f" }
.icon-play:before { content: "\fd80" }
.icon-play-circle:before { content: "\fd81" }
.icon-play-sign:before { content: "\fd82" }
.icon-plus:before { content: "\fd83" }
.icon-plus-sign:before { content: "\fd84" }
.icon-plus-sign-alt:before { content: "\fd85" }
.icon-print:before { content: "\fd86" }
.icon-pushpin:before { content: "\fd87" }
.icon-puzzle-piece:before { content: "\fd88" }
.icon-qrcode:before { content: "\fd89" }
.icon-question:before { content: "\fd8a" }
.icon-question-sign:before { content: "\fd8b" }
.icon-quote-left:before { content: "\fd8c" }
.icon-quote-right:before { content: "\fd8d" }
.icon-random:before { content: "\fd8e" }
.icon-refresh:before { content: "\fd8f" }
.icon-remove:before { content: "\fd90" }
.icon-remove-circle:before { content: "\fd91" }
.icon-remove-sign:before { content: "\fd92" }
.icon-renren:before { content: "\fd93" }
.icon-reorder:before { content: "\fd94" }
.icon-repeat:before { content: "\fd95" }
.icon-reply:before { content: "\fd96" }
.icon-reply-all:before { content: "\fd97" }
.icon-resize-full:before { content: "\fd98" }
.icon-resize-horizontal:before { content: "\fd99" }
.icon-resize-small:before { content: "\fd9a" }
.icon-resize-vertical:before { content: "\fd9b" }
.icon-retweet:before { content: "\fd9c" }
.icon-road:before { content: "\fd9d" }
.icon-rocket:before { content: "\fd9e" }
.icon-rss:before { content: "\fd9f" }
.icon-rss-sign:before { content: "\fda0" }
.icon-save:before { content: "\fda1" }
.icon-screenshot:before { content: "\fda2" }
.icon-search:before { content: "\fda3" }
.icon-share:before { content: "\fda4" }
.icon-share-alt:before { content: "\fda5" }
.icon-share-sign:before { content: "\fda6" }
.icon-shield:before { content: "\fda7" }
.icon-shopping-cart:before { content: "\fda8" }
.icon-sign-blank:before { content: "\fda9" }
.icon-signal:before { content: "\fdaa" }
.icon-signin:before { content: "\fdab" }
.icon-signout:before { content: "\fdac" }
.icon-sitemap:before { content: "\fdad" }
.icon-skype:before { content: "\fdae" }
.icon-smile:before { content: "\fdaf" }
.icon-sort:before { content: "\fdb0" }
.icon-sort-by-alphabet:before { content: "\fdb1" }
.icon-sort-by-alphabet-alt:before { content: "\fdb2" }
.icon-sort-by-attributes:before { content: "\fdb3" }
.icon-sort-by-attributes-alt:before { content: "\fdb4" }
.icon-sort-by-order:before { content: "\fdb5" }
.icon-sort-by-order-alt:before { content: "\fdb6" }
.icon-sort-down:before { content: "\fdb7" }
.icon-sort-up:before { content: "\fdb8" }
.icon-spinner:before { content: "\fdb9" }
.icon-stackexchange:before { content: "\fdba" }
.icon-star:before { content: "\fdbb" }
.icon-star-alt:before { content: "\fdbc" }
.icon-star-half:before { content: "\fdbd" }
.icon-star-half-empty:before { content: "\fdbe" }
.icon-stc-07:before { content: "\fdbf" }
.icon-stc-2i:before { content: "\fdc0" }
.icon-stc-3-14:before { content: "\fdc1" }
.icon-stc-42:before { content: "\fdc2" }
.icon-stc-aa:before { content: "\fdc3" }
.icon-stc-aac:before { content: "\fdc4" }
.icon-stc-ab:before { content: "\fdc5" }
.icon-stc-ascii-033:before { content: "\fdc6" }
.icon-stc-ascii-034:before { content: "\fdc7" }
.icon-stc-ascii-035:before { content: "\fdc8" }
.icon-stc-ascii-036:before { content: "\fdc9" }
.icon-stc-ascii-037:before { content: "\fdca" }
.icon-stc-ascii-038:before { content: "\fdcb" }
.icon-stc-ascii-043:before { content: "\fdcc" }
.icon-stc-ascii-045:before { content: "\fdcd" }
.icon-stc-ascii-047:before { content: "\fdce" }
.icon-stc-ascii-058:before { content: "\fdcf" }
.icon-stc-ascii-059:before { content: "\fdd0" }
.icon-stc-ascii-060:before { content: "\fdd1" }
.icon-stc-ascii-061:before { content: "\fdd2" }
.icon-stc-ascii-062:before { content: "\fdd3" }
.icon-stc-ascii-063:before { content: "\fdd4" }
.icon-stc-ascii-064:before { content: "\fdd5" }
.icon-stc-ascii-092:before { content: "\fdd6" }
.icon-stc-ascii-126:before { content: "\fdd7" }
.icon-stc-ascii-162:before { content: "\fdd8" }
.icon-stc-ascii-163:before { content: "\fdd9" }
.icon-stc-ascii-164:before { content: "\fdda" }
.icon-stc-ascii-165:before { content: "\fddb" }
.icon-stc-ascii-167:before { content: "\fddc" }
.icon-stc-ascii-169:before { content: "\fddd" }
.icon-stc-ascii-171:before { content: "\fdde" }
.icon-stc-ascii-174:before { content: "\fddf" }
.icon-stc-ascii-177:before { content: "\fde0" }
.icon-stc-ascii-182:before { content: "\fde1" }
.icon-stc-ascii-187:before { content: "\fde2" }
.icon-stc-ascii-188:before { content: "\fde3" }
.icon-stc-ascii-189:before { content: "\fde4" }
.icon-stc-ascii-190:before { content: "\fde5" }
.icon-stc-ascii-191:before { content: "\fde6" }
.icon-stc-ascii-215:before { content: "\fde7" }
.icon-stc-ascii-216:before { content: "\fde8" }
.icon-stc-ascii-247:before { content: "\fde9" }
.icon-stc-attendee-badge:before { content: "\fdea" }
.icon-stc-avi:before { content: "\fdeb" }
.icon-stc-az:before { content: "\fdec" }
.icon-stc-binary:before { content: "\fded" }
.icon-stc-bmp:before { content: "\fdee" }
.icon-stc-bullet-chart:before { content: "\fdef" }
.icon-stc-cc:before { content: "\fdf0" }
.icon-stc-csv:before { content: "\fdf1" }
.icon-stc-dagger:before { content: "\fdf2" }
.icon-stc-degree-c:before { content: "\fdf3" }
.icon-stc-degree-f:before { content: "\fdf4" }
.icon-stc-degree-k:before { content: "\fdf5" }
.icon-stc-dendrogram:before { content: "\fdf6" }
.icon-stc-document:before { content: "\fdf7" }
.icon-stc-double-dagger:before { content: "\fdf8" }
.icon-stc-dwg:before { content: "\fdf9" }
.icon-stc-dxf:before { content: "\fdfa" }
.icon-stc-f-italic:before { content: "\fdfb" }
.icon-stc-factory:before { content: "\fdfc" }
.icon-stc-ff:before { content: "\fdfd" }
.icon-stc-field:before { content: "\fdfe" }
.icon-stc-fx:before { content: "\fdff" }
.icon-stc-gif:before { content: "\fe00" }
.icon-stc-google-docs:before { content: "\fe01" }
.icon-stc-google-drawings:before { content: "\fe02" }
.icon-stc-google-forms:before { content: "\fe03" }
.icon-stc-google-presentations:before { content: "\fe04" }
.icon-stc-google-scripts:before { content: "\fe05" }
.icon-stc-google-spreadsheets:before { content: "\fe06" }
.icon-stc-h1:before { content: "\fe07" }
.icon-stc-h2:before { content: "\fe08" }
.icon-stc-h3:before { content: "\fe09" }
.icon-stc-h4:before { content: "\fe0a" }
.icon-stc-h5:before { content: "\fe0b" }
.icon-stc-h6:before { content: "\fe0c" }
.icon-stc-ico:before { content: "\fe0d" }
.icon-stc-invoice:before { content: "\fe0e" }
.icon-stc-ip:before { content: "\fe0f" }
.icon-stc-jpg:before { content: "\fe10" }
.icon-stc-json:before { content: "\fe11" }
.icon-stc-json-array:before { content: "\fe12" }
.icon-stc-json-object:before { content: "\fe13" }
.icon-stc-keyword:before { content: "\fe14" }
.icon-stc-ldquo:before { content: "\fe15" }
.icon-stc-markdown:before { content: "\fe16" }
.icon-stc-mindmap:before { content: "\fe17" }
.icon-stc-mp3:before { content: "\fe18" }
.icon-stc-mp4:before { content: "\fe19" }
.icon-stc-mpg:before { content: "\fe1a" }
.icon-stc-ms-access:before { content: "\fe1b" }
.icon-stc-ms-excel:before { content: "\fe1c" }
.icon-stc-ms-infopath:before { content: "\fe1d" }
.icon-stc-ms-lync:before { content: "\fe1e" }
.icon-stc-ms-onenote:before { content: "\fe1f" }
.icon-stc-ms-outlook:before { content: "\fe20" }
.icon-stc-ms-powerpoint:before { content: "\fe21" }
.icon-stc-ms-publisher:before { content: "\fe22" }
.icon-stc-ms-word:before { content: "\fe23" }
.icon-stc-namespace:before { content: "\fe24" }
.icon-stc-ogg:before { content: "\fe25" }
.icon-stc-osi:before { content: "\fe26" }
.icon-stc-p1:before { content: "\fe27" }
.icon-stc-p2:before { content: "\fe28" }
.icon-stc-p3:before { content: "\fe29" }
.icon-stc-p4:before { content: "\fe2a" }
.icon-stc-p5:before { content: "\fe2b" }
.icon-stc-pageview:before { content: "\fe2c" }
.icon-stc-permil:before { content: "\fe2d" }
.icon-stc-png:before { content: "\fe2e" }
.icon-stc-price-book:before { content: "\fe2f" }
.icon-stc-quark:before { content: "\fe30" }
.icon-stc-rdquo:before { content: "\fe31" }
.icon-stc-rich-text:before { content: "\fe32" }
.icon-stc-scale:before { content: "\fe33" }
.icon-stc-scale-4-1:before { content: "\fe34" }
.icon-stc-scale-4-2:before { content: "\fe35" }
.icon-stc-scale-4-3:before { content: "\fe36" }
.icon-stc-scale-4-4:before { content: "\fe37" }
.icon-stc-scale-5-1:before { content: "\fe38" }
.icon-stc-scale-5-2:before { content: "\fe39" }
.icon-stc-scale-5-3:before { content: "\fe3a" }
.icon-stc-scale-5-4:before { content: "\fe3b" }
.icon-stc-scale-5-5:before { content: "\fe3c" }
.icon-stc-scale-8-1:before { content: "\fe3d" }
.icon-stc-scale-8-2:before { content: "\fe3e" }
.icon-stc-scale-8-3:before { content: "\fe3f" }
.icon-stc-scale-8-4:before { content: "\fe40" }
.icon-stc-scale-8-5:before { content: "\fe41" }
.icon-stc-scale-8-6:before { content: "\fe42" }
.icon-stc-scale-8-7:before { content: "\fe43" }
.icon-stc-scale-8-8:before { content: "\fe44" }
.icon-stc-screen-1:before { content: "\fe45" }
.icon-stc-screen-2:before { content: "\fe46" }
.icon-stc-screen-3:before { content: "\fe47" }
.icon-stc-screen-4:before { content: "\fe48" }
.icon-stc-stoic:before { content: "\fe49" }
.icon-stc-tag-strap:before { content: "\fe4a" }
.icon-stc-tar:before { content: "\fe4b" }
.icon-stc-tgz:before { content: "\fe4c" }
.icon-stc-tiff:before { content: "\fe4d" }
.icon-stc-trademark:before { content: "\fe4e" }
.icon-stc-tsv:before { content: "\fe4f" }
.icon-stc-vcf:before { content: "\fe50" }
.icon-stc-vcs:before { content: "\fe51" }
.icon-stc-wav:before { content: "\fe52" }
.icon-stc-workflow:before { content: "\fe53" }
.icon-stc-x2:before { content: "\fe54" }
.icon-stc-xml:before { content: "\fe55" }
.icon-stc-xsl:before { content: "\fe56" }
.icon-stc-zip:before { content: "\fe57" }
.icon-step-backward:before { content: "\fe58" }
.icon-step-forward:before { content: "\fe59" }
.icon-stethoscope:before { content: "\fe5a" }
.icon-stop:before { content: "\fe5b" }
.icon-strikethrough:before { content: "\fe5c" }
.icon-subscript:before { content: "\fe5d" }
.icon-suitcase:before { content: "\fe5e" }
.icon-sun:before { content: "\fe5f" }
.icon-superscript:before { content: "\fe60" }
.icon-table:before { content: "\fe61" }
.icon-tablet:before { content: "\fe62" }
.icon-tag:before { content: "\fe63" }
.icon-tags:before { content: "\fe64" }
.icon-tasks:before { content: "\fe65" }
.icon-terminal:before { content: "\fe66" }
.icon-text-height:before { content: "\fe67" }
.icon-text-width:before { content: "\fe68" }
.icon-th:before { content: "\fe69" }
.icon-th-large:before { content: "\fe6a" }
.icon-th-list:before { content: "\fe6b" }
.icon-thumbs-down:before { content: "\fe6c" }
.icon-thumbs-down-alt:before { content: "\fe6d" }
.icon-thumbs-up:before { content: "\fe6e" }
.icon-thumbs-up-alt:before { content: "\fe6f" }
.icon-ticket:before { content: "\fe70" }
.icon-time:before { content: "\fe71" }
.icon-tint:before { content: "\fe72" }
.icon-trash:before { content: "\fe73" }
.icon-trello:before { content: "\fe74" }
.icon-trophy:before { content: "\fe75" }
.icon-truck:before { content: "\fe76" }
.icon-tumblr:before { content: "\fe77" }
.icon-tumblr-sign:before { content: "\fe78" }
.icon-twitter:before { content: "\fe79" }
.icon-twitter-sign:before { content: "\fe7a" }
.icon-umbrella:before { content: "\fe7b" }
.icon-underline:before { content: "\fe7c" }
.icon-undo:before { content: "\fe7d" }
.icon-unlink:before { content: "\fe7e" }
.icon-unlock:before { content: "\fe7f" }
.icon-unlock-alt:before { content: "\fe80" }
.icon-upload:before { content: "\fe81" }
.icon-upload-alt:before { content: "\fe82" }
.icon-usd:before { content: "\fe83" }
.icon-user:before { content: "\fe84" }
.icon-user-md:before { content: "\fe85" }
.icon-vk:before { content: "\fe86" }
.icon-volume-down:before { content: "\fe87" }
.icon-volume-off:before { content: "\fe88" }
.icon-volume-up:before { content: "\fe89" }
.icon-warning-sign:before { content: "\fe8a" }
.icon-weibo:before { content: "\fe8b" }
.icon-windows:before { content: "\fe8c" }
.icon-wrench:before { content: "\fe8d" }
.icon-xing:before { content: "\fe8e" }
.icon-xing-sign:before { content: "\fe8f" }
.icon-youtube:before { content: "\fe90" }
.icon-youtube-play:before { content: "\fe91" }
.icon-youtube-sign:before { content: "\fe92" }
.icon-zoom-in:before { content: "\fe93" }
.icon-zoom-out:before { content: "\fe94" }
</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>fontcustom contains 3477 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="icon-adjust" class="icon-adjust"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-adjust" class="icon-adjust"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-adjust" class="icon-adjust"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-adjust" class="icon-adjust"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-adjust" class="icon-adjust"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-adjust" class="icon-adjust"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-adjust" class="icon-adjust"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-adjust" class="icon-adjust"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-adjust" class="icon-adjust"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-adjust" class="icon-adjust"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-adjust" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf100;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-adn" class="icon-adn"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-adn" class="icon-adn"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-adn" class="icon-adn"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-adn" class="icon-adn"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-adn" class="icon-adn"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-adn" class="icon-adn"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-adn" class="icon-adn"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-adn" class="icon-adn"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-adn" class="icon-adn"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-adn" class="icon-adn"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-adn" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf101;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-align-center" class="icon-align-center"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-align-center" class="icon-align-center"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-align-center" class="icon-align-center"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-align-center" class="icon-align-center"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-align-center" class="icon-align-center"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-align-center" class="icon-align-center"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-align-center" class="icon-align-center"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-align-center" class="icon-align-center"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-align-center" class="icon-align-center"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-align-center" class="icon-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=".icon-align-center" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf102;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-align-justify" class="icon-align-justify"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-align-justify" class="icon-align-justify"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-align-justify" class="icon-align-justify"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-align-justify" class="icon-align-justify"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-align-justify" class="icon-align-justify"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-align-justify" class="icon-align-justify"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-align-justify" class="icon-align-justify"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-align-justify" class="icon-align-justify"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-align-justify" class="icon-align-justify"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-align-justify" class="icon-align-justify"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-align-justify" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf103;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-align-left" class="icon-align-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-align-left" class="icon-align-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-align-left" class="icon-align-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-align-left" class="icon-align-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-align-left" class="icon-align-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-align-left" class="icon-align-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-align-left" class="icon-align-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-align-left" class="icon-align-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-align-left" class="icon-align-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-align-left" class="icon-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=".icon-align-left" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf104;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-align-right" class="icon-align-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-align-right" class="icon-align-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-align-right" class="icon-align-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-align-right" class="icon-align-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-align-right" class="icon-align-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-align-right" class="icon-align-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-align-right" class="icon-align-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-align-right" class="icon-align-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-align-right" class="icon-align-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-align-right" class="icon-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=".icon-align-right" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf105;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-ambulance" class="icon-ambulance"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-ambulance" class="icon-ambulance"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-ambulance" class="icon-ambulance"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-ambulance" class="icon-ambulance"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-ambulance" class="icon-ambulance"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-ambulance" class="icon-ambulance"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-ambulance" class="icon-ambulance"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-ambulance" class="icon-ambulance"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-ambulance" class="icon-ambulance"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-ambulance" class="icon-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=".icon-ambulance" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf106;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-anchor" class="icon-anchor"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-anchor" class="icon-anchor"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-anchor" class="icon-anchor"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-anchor" class="icon-anchor"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-anchor" class="icon-anchor"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-anchor" class="icon-anchor"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-anchor" class="icon-anchor"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-anchor" class="icon-anchor"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-anchor" class="icon-anchor"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-anchor" class="icon-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=".icon-anchor" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf107;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-android" class="icon-android"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-android" class="icon-android"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-android" class="icon-android"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-android" class="icon-android"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-android" class="icon-android"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-android" class="icon-android"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-android" class="icon-android"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-android" class="icon-android"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-android" class="icon-android"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-android" class="icon-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=".icon-android" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf108;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-angle-down" class="icon-angle-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-angle-down" class="icon-angle-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-angle-down" class="icon-angle-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-angle-down" class="icon-angle-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-angle-down" class="icon-angle-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-angle-down" class="icon-angle-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-angle-down" class="icon-angle-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-angle-down" class="icon-angle-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-angle-down" class="icon-angle-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-angle-down" class="icon-angle-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=".icon-angle-down" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf109;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-angle-left" class="icon-angle-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-angle-left" class="icon-angle-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-angle-left" class="icon-angle-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-angle-left" class="icon-angle-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-angle-left" class="icon-angle-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-angle-left" class="icon-angle-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-angle-left" class="icon-angle-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-angle-left" class="icon-angle-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-angle-left" class="icon-angle-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-angle-left" class="icon-angle-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=".icon-angle-left" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10a;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-angle-right" class="icon-angle-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-angle-right" class="icon-angle-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-angle-right" class="icon-angle-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-angle-right" class="icon-angle-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-angle-right" class="icon-angle-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-angle-right" class="icon-angle-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-angle-right" class="icon-angle-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-angle-right" class="icon-angle-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-angle-right" class="icon-angle-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-angle-right" class="icon-angle-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=".icon-angle-right" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10b;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-angle-up" class="icon-angle-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-angle-up" class="icon-angle-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-angle-up" class="icon-angle-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-angle-up" class="icon-angle-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-angle-up" class="icon-angle-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-angle-up" class="icon-angle-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-angle-up" class="icon-angle-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-angle-up" class="icon-angle-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-angle-up" class="icon-angle-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-angle-up" class="icon-angle-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=".icon-angle-up" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10c;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-apple" class="icon-apple"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-apple" class="icon-apple"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-apple" class="icon-apple"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-apple" class="icon-apple"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-apple" class="icon-apple"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-apple" class="icon-apple"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-apple" class="icon-apple"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-apple" class="icon-apple"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-apple" class="icon-apple"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-apple" class="icon-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=".icon-apple" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10d;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-archive" class="icon-archive"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-archive" class="icon-archive"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-archive" class="icon-archive"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-archive" class="icon-archive"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-archive" class="icon-archive"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-archive" class="icon-archive"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-archive" class="icon-archive"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-archive" class="icon-archive"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-archive" class="icon-archive"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-archive" class="icon-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=".icon-archive" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10e;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-arrow-down" class="icon-arrow-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-arrow-down" class="icon-arrow-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-arrow-down" class="icon-arrow-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-arrow-down" class="icon-arrow-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-arrow-down" class="icon-arrow-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-arrow-down" class="icon-arrow-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-arrow-down" class="icon-arrow-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-arrow-down" class="icon-arrow-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-arrow-down" class="icon-arrow-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-arrow-down" class="icon-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=".icon-arrow-down" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10f;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-arrow-left" class="icon-arrow-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-arrow-left" class="icon-arrow-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-arrow-left" class="icon-arrow-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-arrow-left" class="icon-arrow-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-arrow-left" class="icon-arrow-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-arrow-left" class="icon-arrow-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-arrow-left" class="icon-arrow-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-arrow-left" class="icon-arrow-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-arrow-left" class="icon-arrow-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-arrow-left" class="icon-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=".icon-arrow-left" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf110;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-arrow-right" class="icon-arrow-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-arrow-right" class="icon-arrow-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-arrow-right" class="icon-arrow-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-arrow-right" class="icon-arrow-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-arrow-right" class="icon-arrow-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-arrow-right" class="icon-arrow-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-arrow-right" class="icon-arrow-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-arrow-right" class="icon-arrow-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-arrow-right" class="icon-arrow-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-arrow-right" class="icon-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=".icon-arrow-right" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf111;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-arrow-up" class="icon-arrow-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-arrow-up" class="icon-arrow-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-arrow-up" class="icon-arrow-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-arrow-up" class="icon-arrow-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-arrow-up" class="icon-arrow-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-arrow-up" class="icon-arrow-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-arrow-up" class="icon-arrow-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-arrow-up" class="icon-arrow-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-arrow-up" class="icon-arrow-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-arrow-up" class="icon-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=".icon-arrow-up" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf112;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-asterisk" class="icon-asterisk"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-asterisk" class="icon-asterisk"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-asterisk" class="icon-asterisk"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-asterisk" class="icon-asterisk"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-asterisk" class="icon-asterisk"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-asterisk" class="icon-asterisk"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-asterisk" class="icon-asterisk"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-asterisk" class="icon-asterisk"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-asterisk" class="icon-asterisk"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-asterisk" class="icon-asterisk"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-asterisk" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf113;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-backward" class="icon-backward"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-backward" class="icon-backward"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-backward" class="icon-backward"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-backward" class="icon-backward"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-backward" class="icon-backward"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-backward" class="icon-backward"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-backward" class="icon-backward"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-backward" class="icon-backward"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-backward" class="icon-backward"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-backward" class="icon-backward"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-backward" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf114;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-ban-circle" class="icon-ban-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-ban-circle" class="icon-ban-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-ban-circle" class="icon-ban-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-ban-circle" class="icon-ban-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-ban-circle" class="icon-ban-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-ban-circle" class="icon-ban-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-ban-circle" class="icon-ban-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-ban-circle" class="icon-ban-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-ban-circle" class="icon-ban-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-ban-circle" class="icon-ban-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=".icon-ban-circle" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf115;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-bar-chart" class="icon-bar-chart"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-bar-chart" class="icon-bar-chart"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-bar-chart" class="icon-bar-chart"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-bar-chart" class="icon-bar-chart"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-bar-chart" class="icon-bar-chart"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-bar-chart" class="icon-bar-chart"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-bar-chart" class="icon-bar-chart"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-bar-chart" class="icon-bar-chart"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-bar-chart" class="icon-bar-chart"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-bar-chart" class="icon-bar-chart"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-bar-chart" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf116;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-barcode" class="icon-barcode"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-barcode" class="icon-barcode"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-barcode" class="icon-barcode"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-barcode" class="icon-barcode"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-barcode" class="icon-barcode"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-barcode" class="icon-barcode"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-barcode" class="icon-barcode"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-barcode" class="icon-barcode"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-barcode" class="icon-barcode"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-barcode" class="icon-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=".icon-barcode" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf117;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-beaker" class="icon-beaker"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-beaker" class="icon-beaker"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-beaker" class="icon-beaker"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-beaker" class="icon-beaker"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-beaker" class="icon-beaker"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-beaker" class="icon-beaker"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-beaker" class="icon-beaker"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-beaker" class="icon-beaker"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-beaker" class="icon-beaker"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-beaker" class="icon-beaker"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-beaker" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf118;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-beer" class="icon-beer"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-beer" class="icon-beer"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-beer" class="icon-beer"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-beer" class="icon-beer"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-beer" class="icon-beer"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-beer" class="icon-beer"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-beer" class="icon-beer"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-beer" class="icon-beer"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-beer" class="icon-beer"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-beer" class="icon-beer"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-beer" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf119;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-bell" class="icon-bell"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-bell" class="icon-bell"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-bell" class="icon-bell"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-bell" class="icon-bell"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-bell" class="icon-bell"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-bell" class="icon-bell"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-bell" class="icon-bell"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-bell" class="icon-bell"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-bell" class="icon-bell"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-bell" class="icon-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=".icon-bell" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11a;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-bell-alt" class="icon-bell-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-bell-alt" class="icon-bell-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-bell-alt" class="icon-bell-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-bell-alt" class="icon-bell-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-bell-alt" class="icon-bell-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-bell-alt" class="icon-bell-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-bell-alt" class="icon-bell-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-bell-alt" class="icon-bell-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-bell-alt" class="icon-bell-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-bell-alt" class="icon-bell-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=".icon-bell-alt" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11b;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-bitbucket" class="icon-bitbucket"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-bitbucket" class="icon-bitbucket"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-bitbucket" class="icon-bitbucket"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-bitbucket" class="icon-bitbucket"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-bitbucket" class="icon-bitbucket"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-bitbucket" class="icon-bitbucket"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-bitbucket" class="icon-bitbucket"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-bitbucket" class="icon-bitbucket"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-bitbucket" class="icon-bitbucket"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-bitbucket" class="icon-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=".icon-bitbucket" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11c;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-bitbucket-sign" class="icon-bitbucket-sign"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-bitbucket-sign" class="icon-bitbucket-sign"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-bitbucket-sign" class="icon-bitbucket-sign"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-bitbucket-sign" class="icon-bitbucket-sign"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-bitbucket-sign" class="icon-bitbucket-sign"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-bitbucket-sign" class="icon-bitbucket-sign"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-bitbucket-sign" class="icon-bitbucket-sign"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-bitbucket-sign" class="icon-bitbucket-sign"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-bitbucket-sign" class="icon-bitbucket-sign"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-bitbucket-sign" class="icon-bitbucket-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=".icon-bitbucket-sign" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11d;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-bold" class="icon-bold"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-bold" class="icon-bold"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-bold" class="icon-bold"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-bold" class="icon-bold"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-bold" class="icon-bold"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-bold" class="icon-bold"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-bold" class="icon-bold"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-bold" class="icon-bold"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-bold" class="icon-bold"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-bold" class="icon-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=".icon-bold" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11e;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-bolt" class="icon-bolt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-bolt" class="icon-bolt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-bolt" class="icon-bolt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-bolt" class="icon-bolt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-bolt" class="icon-bolt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-bolt" class="icon-bolt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-bolt" class="icon-bolt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-bolt" class="icon-bolt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-bolt" class="icon-bolt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-bolt" class="icon-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=".icon-bolt" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11f;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-book" class="icon-book"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-book" class="icon-book"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-book" class="icon-book"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-book" class="icon-book"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-book" class="icon-book"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-book" class="icon-book"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-book" class="icon-book"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-book" class="icon-book"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-book" class="icon-book"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-book" class="icon-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=".icon-book" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf120;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-bookmark" class="icon-bookmark"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-bookmark" class="icon-bookmark"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-bookmark" class="icon-bookmark"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-bookmark" class="icon-bookmark"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-bookmark" class="icon-bookmark"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-bookmark" class="icon-bookmark"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-bookmark" class="icon-bookmark"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-bookmark" class="icon-bookmark"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-bookmark" class="icon-bookmark"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-bookmark" class="icon-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=".icon-bookmark" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf121;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-bookmark-empty" class="icon-bookmark-empty"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-bookmark-empty" class="icon-bookmark-empty"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-bookmark-empty" class="icon-bookmark-empty"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-bookmark-empty" class="icon-bookmark-empty"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-bookmark-empty" class="icon-bookmark-empty"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-bookmark-empty" class="icon-bookmark-empty"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-bookmark-empty" class="icon-bookmark-empty"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-bookmark-empty" class="icon-bookmark-empty"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-bookmark-empty" class="icon-bookmark-empty"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-bookmark-empty" class="icon-bookmark-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=".icon-bookmark-empty" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf122;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-briefcase" class="icon-briefcase"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-briefcase" class="icon-briefcase"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-briefcase" class="icon-briefcase"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-briefcase" class="icon-briefcase"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-briefcase" class="icon-briefcase"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-briefcase" class="icon-briefcase"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-briefcase" class="icon-briefcase"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-briefcase" class="icon-briefcase"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-briefcase" class="icon-briefcase"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-briefcase" class="icon-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=".icon-briefcase" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf123;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-btc" class="icon-btc"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-btc" class="icon-btc"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-btc" class="icon-btc"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-btc" class="icon-btc"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-btc" class="icon-btc"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-btc" class="icon-btc"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-btc" class="icon-btc"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-btc" class="icon-btc"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-btc" class="icon-btc"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-btc" class="icon-btc"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-btc" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf124;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-bug" class="icon-bug"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-bug" class="icon-bug"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-bug" class="icon-bug"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-bug" class="icon-bug"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-bug" class="icon-bug"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-bug" class="icon-bug"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-bug" class="icon-bug"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-bug" class="icon-bug"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-bug" class="icon-bug"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-bug" class="icon-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=".icon-bug" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf125;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-building" class="icon-building"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-building" class="icon-building"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-building" class="icon-building"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-building" class="icon-building"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-building" class="icon-building"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-building" class="icon-building"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-building" class="icon-building"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-building" class="icon-building"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-building" class="icon-building"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-building" class="icon-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=".icon-building" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf126;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-bullhorn" class="icon-bullhorn"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-bullhorn" class="icon-bullhorn"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-bullhorn" class="icon-bullhorn"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-bullhorn" class="icon-bullhorn"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-bullhorn" class="icon-bullhorn"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-bullhorn" class="icon-bullhorn"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-bullhorn" class="icon-bullhorn"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-bullhorn" class="icon-bullhorn"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-bullhorn" class="icon-bullhorn"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-bullhorn" class="icon-bullhorn"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-bullhorn" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf127;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-bullseye" class="icon-bullseye"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-bullseye" class="icon-bullseye"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-bullseye" class="icon-bullseye"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-bullseye" class="icon-bullseye"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-bullseye" class="icon-bullseye"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-bullseye" class="icon-bullseye"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-bullseye" class="icon-bullseye"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-bullseye" class="icon-bullseye"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-bullseye" class="icon-bullseye"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-bullseye" class="icon-bullseye"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-bullseye" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf128;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-calendar" class="icon-calendar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-calendar" class="icon-calendar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-calendar" class="icon-calendar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-calendar" class="icon-calendar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-calendar" class="icon-calendar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-calendar" class="icon-calendar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-calendar" class="icon-calendar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-calendar" class="icon-calendar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-calendar" class="icon-calendar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-calendar" class="icon-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=".icon-calendar" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf129;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-calendar-empty" class="icon-calendar-empty"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-calendar-empty" class="icon-calendar-empty"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-calendar-empty" class="icon-calendar-empty"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-calendar-empty" class="icon-calendar-empty"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-calendar-empty" class="icon-calendar-empty"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-calendar-empty" class="icon-calendar-empty"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-calendar-empty" class="icon-calendar-empty"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-calendar-empty" class="icon-calendar-empty"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-calendar-empty" class="icon-calendar-empty"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-calendar-empty" class="icon-calendar-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=".icon-calendar-empty" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12a;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-camera" class="icon-camera"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-camera" class="icon-camera"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-camera" class="icon-camera"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-camera" class="icon-camera"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-camera" class="icon-camera"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-camera" class="icon-camera"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-camera" class="icon-camera"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-camera" class="icon-camera"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-camera" class="icon-camera"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-camera" class="icon-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=".icon-camera" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12b;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-camera-retro" class="icon-camera-retro"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-camera-retro" class="icon-camera-retro"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-camera-retro" class="icon-camera-retro"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-camera-retro" class="icon-camera-retro"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-camera-retro" class="icon-camera-retro"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-camera-retro" class="icon-camera-retro"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-camera-retro" class="icon-camera-retro"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-camera-retro" class="icon-camera-retro"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-camera-retro" class="icon-camera-retro"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-camera-retro" class="icon-camera-retro"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-camera-retro" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12c;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-caret-down" class="icon-caret-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-caret-down" class="icon-caret-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-caret-down" class="icon-caret-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-caret-down" class="icon-caret-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-caret-down" class="icon-caret-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-caret-down" class="icon-caret-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-caret-down" class="icon-caret-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-caret-down" class="icon-caret-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-caret-down" class="icon-caret-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-caret-down" class="icon-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=".icon-caret-down" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12d;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-caret-left" class="icon-caret-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-caret-left" class="icon-caret-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-caret-left" class="icon-caret-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-caret-left" class="icon-caret-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-caret-left" class="icon-caret-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-caret-left" class="icon-caret-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-caret-left" class="icon-caret-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-caret-left" class="icon-caret-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-caret-left" class="icon-caret-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-caret-left" class="icon-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=".icon-caret-left" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12e;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-caret-right" class="icon-caret-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-caret-right" class="icon-caret-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-caret-right" class="icon-caret-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-caret-right" class="icon-caret-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-caret-right" class="icon-caret-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-caret-right" class="icon-caret-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-caret-right" class="icon-caret-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-caret-right" class="icon-caret-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-caret-right" class="icon-caret-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-caret-right" class="icon-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=".icon-caret-right" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12f;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-caret-up" class="icon-caret-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-caret-up" class="icon-caret-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-caret-up" class="icon-caret-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-caret-up" class="icon-caret-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-caret-up" class="icon-caret-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-caret-up" class="icon-caret-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-caret-up" class="icon-caret-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-caret-up" class="icon-caret-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-caret-up" class="icon-caret-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-caret-up" class="icon-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=".icon-caret-up" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf130;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-certificate" class="icon-certificate"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-certificate" class="icon-certificate"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-certificate" class="icon-certificate"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-certificate" class="icon-certificate"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-certificate" class="icon-certificate"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-certificate" class="icon-certificate"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-certificate" class="icon-certificate"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-certificate" class="icon-certificate"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-certificate" class="icon-certificate"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-certificate" class="icon-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=".icon-certificate" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf131;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-check" class="icon-check"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-check" class="icon-check"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-check" class="icon-check"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-check" class="icon-check"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-check" class="icon-check"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-check" class="icon-check"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-check" class="icon-check"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-check" class="icon-check"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-check" class="icon-check"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-check" class="icon-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=".icon-check" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf132;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-check-empty" class="icon-check-empty"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-check-empty" class="icon-check-empty"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-check-empty" class="icon-check-empty"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-check-empty" class="icon-check-empty"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-check-empty" class="icon-check-empty"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-check-empty" class="icon-check-empty"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-check-empty" class="icon-check-empty"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-check-empty" class="icon-check-empty"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-check-empty" class="icon-check-empty"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-check-empty" class="icon-check-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=".icon-check-empty" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf133;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-check-minus" class="icon-check-minus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-check-minus" class="icon-check-minus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-check-minus" class="icon-check-minus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-check-minus" class="icon-check-minus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-check-minus" class="icon-check-minus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-check-minus" class="icon-check-minus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-check-minus" class="icon-check-minus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-check-minus" class="icon-check-minus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-check-minus" class="icon-check-minus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-check-minus" class="icon-check-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=".icon-check-minus" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf134;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-check-sign" class="icon-check-sign"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-check-sign" class="icon-check-sign"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-check-sign" class="icon-check-sign"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-check-sign" class="icon-check-sign"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-check-sign" class="icon-check-sign"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-check-sign" class="icon-check-sign"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-check-sign" class="icon-check-sign"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-check-sign" class="icon-check-sign"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-check-sign" class="icon-check-sign"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-check-sign" class="icon-check-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=".icon-check-sign" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf135;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-chevron-down" class="icon-chevron-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-chevron-down" class="icon-chevron-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-chevron-down" class="icon-chevron-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-chevron-down" class="icon-chevron-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-chevron-down" class="icon-chevron-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-chevron-down" class="icon-chevron-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-chevron-down" class="icon-chevron-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-chevron-down" class="icon-chevron-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-chevron-down" class="icon-chevron-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-chevron-down" class="icon-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=".icon-chevron-down" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf136;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-chevron-left" class="icon-chevron-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-chevron-left" class="icon-chevron-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-chevron-left" class="icon-chevron-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-chevron-left" class="icon-chevron-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-chevron-left" class="icon-chevron-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-chevron-left" class="icon-chevron-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-chevron-left" class="icon-chevron-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-chevron-left" class="icon-chevron-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-chevron-left" class="icon-chevron-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-chevron-left" class="icon-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=".icon-chevron-left" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf137;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-chevron-right" class="icon-chevron-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-chevron-right" class="icon-chevron-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-chevron-right" class="icon-chevron-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-chevron-right" class="icon-chevron-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-chevron-right" class="icon-chevron-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-chevron-right" class="icon-chevron-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-chevron-right" class="icon-chevron-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-chevron-right" class="icon-chevron-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-chevron-right" class="icon-chevron-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-chevron-right" class="icon-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=".icon-chevron-right" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf138;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-chevron-sign-down" class="icon-chevron-sign-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-chevron-sign-down" class="icon-chevron-sign-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-chevron-sign-down" class="icon-chevron-sign-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-chevron-sign-down" class="icon-chevron-sign-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-chevron-sign-down" class="icon-chevron-sign-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-chevron-sign-down" class="icon-chevron-sign-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-chevron-sign-down" class="icon-chevron-sign-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-chevron-sign-down" class="icon-chevron-sign-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-chevron-sign-down" class="icon-chevron-sign-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-chevron-sign-down" class="icon-chevron-sign-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=".icon-chevron-sign-down" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf139;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-chevron-sign-left" class="icon-chevron-sign-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-chevron-sign-left" class="icon-chevron-sign-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-chevron-sign-left" class="icon-chevron-sign-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-chevron-sign-left" class="icon-chevron-sign-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-chevron-sign-left" class="icon-chevron-sign-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-chevron-sign-left" class="icon-chevron-sign-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-chevron-sign-left" class="icon-chevron-sign-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-chevron-sign-left" class="icon-chevron-sign-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-chevron-sign-left" class="icon-chevron-sign-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-chevron-sign-left" class="icon-chevron-sign-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=".icon-chevron-sign-left" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13a;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-chevron-sign-right" class="icon-chevron-sign-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-chevron-sign-right" class="icon-chevron-sign-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-chevron-sign-right" class="icon-chevron-sign-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-chevron-sign-right" class="icon-chevron-sign-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-chevron-sign-right" class="icon-chevron-sign-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-chevron-sign-right" class="icon-chevron-sign-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-chevron-sign-right" class="icon-chevron-sign-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-chevron-sign-right" class="icon-chevron-sign-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-chevron-sign-right" class="icon-chevron-sign-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-chevron-sign-right" class="icon-chevron-sign-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=".icon-chevron-sign-right" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13b;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-chevron-sign-up" class="icon-chevron-sign-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-chevron-sign-up" class="icon-chevron-sign-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-chevron-sign-up" class="icon-chevron-sign-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-chevron-sign-up" class="icon-chevron-sign-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-chevron-sign-up" class="icon-chevron-sign-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-chevron-sign-up" class="icon-chevron-sign-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-chevron-sign-up" class="icon-chevron-sign-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-chevron-sign-up" class="icon-chevron-sign-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-chevron-sign-up" class="icon-chevron-sign-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-chevron-sign-up" class="icon-chevron-sign-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=".icon-chevron-sign-up" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13c;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-chevron-up" class="icon-chevron-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-chevron-up" class="icon-chevron-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-chevron-up" class="icon-chevron-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-chevron-up" class="icon-chevron-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-chevron-up" class="icon-chevron-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-chevron-up" class="icon-chevron-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-chevron-up" class="icon-chevron-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-chevron-up" class="icon-chevron-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-chevron-up" class="icon-chevron-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-chevron-up" class="icon-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=".icon-chevron-up" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13d;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-circle" class="icon-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-circle" class="icon-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-circle" class="icon-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-circle" class="icon-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-circle" class="icon-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-circle" class="icon-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-circle" class="icon-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-circle" class="icon-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-circle" class="icon-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-circle" class="icon-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=".icon-circle" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13e;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-circle-arrow-down" class="icon-circle-arrow-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-circle-arrow-down" class="icon-circle-arrow-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-circle-arrow-down" class="icon-circle-arrow-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-circle-arrow-down" class="icon-circle-arrow-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-circle-arrow-down" class="icon-circle-arrow-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-circle-arrow-down" class="icon-circle-arrow-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-circle-arrow-down" class="icon-circle-arrow-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-circle-arrow-down" class="icon-circle-arrow-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-circle-arrow-down" class="icon-circle-arrow-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-circle-arrow-down" class="icon-circle-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=".icon-circle-arrow-down" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13f;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-circle-arrow-left" class="icon-circle-arrow-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-circle-arrow-left" class="icon-circle-arrow-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-circle-arrow-left" class="icon-circle-arrow-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-circle-arrow-left" class="icon-circle-arrow-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-circle-arrow-left" class="icon-circle-arrow-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-circle-arrow-left" class="icon-circle-arrow-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-circle-arrow-left" class="icon-circle-arrow-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-circle-arrow-left" class="icon-circle-arrow-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-circle-arrow-left" class="icon-circle-arrow-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-circle-arrow-left" class="icon-circle-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=".icon-circle-arrow-left" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf140;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-circle-arrow-right" class="icon-circle-arrow-right"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-circle-arrow-right" class="icon-circle-arrow-right"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-circle-arrow-right" class="icon-circle-arrow-right"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-circle-arrow-right" class="icon-circle-arrow-right"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-circle-arrow-right" class="icon-circle-arrow-right"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-circle-arrow-right" class="icon-circle-arrow-right"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-circle-arrow-right" class="icon-circle-arrow-right"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-circle-arrow-right" class="icon-circle-arrow-right"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-circle-arrow-right" class="icon-circle-arrow-right"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-circle-arrow-right" class="icon-circle-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=".icon-circle-arrow-right" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf141;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-circle-arrow-up" class="icon-circle-arrow-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-circle-arrow-up" class="icon-circle-arrow-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-circle-arrow-up" class="icon-circle-arrow-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-circle-arrow-up" class="icon-circle-arrow-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-circle-arrow-up" class="icon-circle-arrow-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-circle-arrow-up" class="icon-circle-arrow-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-circle-arrow-up" class="icon-circle-arrow-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-circle-arrow-up" class="icon-circle-arrow-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-circle-arrow-up" class="icon-circle-arrow-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-circle-arrow-up" class="icon-circle-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=".icon-circle-arrow-up" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf142;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-circle-blank" class="icon-circle-blank"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-circle-blank" class="icon-circle-blank"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-circle-blank" class="icon-circle-blank"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-circle-blank" class="icon-circle-blank"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-circle-blank" class="icon-circle-blank"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-circle-blank" class="icon-circle-blank"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-circle-blank" class="icon-circle-blank"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-circle-blank" class="icon-circle-blank"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-circle-blank" class="icon-circle-blank"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-circle-blank" class="icon-circle-blank"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-circle-blank" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf143;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-cloud" class="icon-cloud"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-cloud" class="icon-cloud"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-cloud" class="icon-cloud"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-cloud" class="icon-cloud"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-cloud" class="icon-cloud"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-cloud" class="icon-cloud"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-cloud" class="icon-cloud"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-cloud" class="icon-cloud"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-cloud" class="icon-cloud"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-cloud" class="icon-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=".icon-cloud" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf144;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-cloud-download" class="icon-cloud-download"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-cloud-download" class="icon-cloud-download"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-cloud-download" class="icon-cloud-download"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-cloud-download" class="icon-cloud-download"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-cloud-download" class="icon-cloud-download"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-cloud-download" class="icon-cloud-download"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-cloud-download" class="icon-cloud-download"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-cloud-download" class="icon-cloud-download"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-cloud-download" class="icon-cloud-download"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-cloud-download" class="icon-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=".icon-cloud-download" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf145;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-cloud-upload" class="icon-cloud-upload"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-cloud-upload" class="icon-cloud-upload"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-cloud-upload" class="icon-cloud-upload"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-cloud-upload" class="icon-cloud-upload"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-cloud-upload" class="icon-cloud-upload"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-cloud-upload" class="icon-cloud-upload"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-cloud-upload" class="icon-cloud-upload"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-cloud-upload" class="icon-cloud-upload"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-cloud-upload" class="icon-cloud-upload"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-cloud-upload" class="icon-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=".icon-cloud-upload" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf146;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-cny" class="icon-cny"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-cny" class="icon-cny"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-cny" class="icon-cny"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-cny" class="icon-cny"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-cny" class="icon-cny"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-cny" class="icon-cny"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-cny" class="icon-cny"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-cny" class="icon-cny"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-cny" class="icon-cny"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-cny" class="icon-cny"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-cny" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf147;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-code" class="icon-code"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-code" class="icon-code"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-code" class="icon-code"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-code" class="icon-code"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-code" class="icon-code"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-code" class="icon-code"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-code" class="icon-code"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-code" class="icon-code"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-code" class="icon-code"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-code" class="icon-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=".icon-code" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf148;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-code-fork" class="icon-code-fork"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-code-fork" class="icon-code-fork"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-code-fork" class="icon-code-fork"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-code-fork" class="icon-code-fork"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-code-fork" class="icon-code-fork"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-code-fork" class="icon-code-fork"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-code-fork" class="icon-code-fork"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-code-fork" class="icon-code-fork"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-code-fork" class="icon-code-fork"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-code-fork" class="icon-code-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=".icon-code-fork" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf149;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-coffee" class="icon-coffee"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-coffee" class="icon-coffee"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-coffee" class="icon-coffee"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-coffee" class="icon-coffee"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-coffee" class="icon-coffee"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-coffee" class="icon-coffee"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-coffee" class="icon-coffee"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-coffee" class="icon-coffee"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-coffee" class="icon-coffee"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-coffee" class="icon-coffee"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-coffee" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14a;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-cog" class="icon-cog"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-cog" class="icon-cog"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-cog" class="icon-cog"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-cog" class="icon-cog"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-cog" class="icon-cog"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-cog" class="icon-cog"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-cog" class="icon-cog"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-cog" class="icon-cog"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-cog" class="icon-cog"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-cog" class="icon-cog"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-cog" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14b;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-cogs" class="icon-cogs"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-cogs" class="icon-cogs"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-cogs" class="icon-cogs"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-cogs" class="icon-cogs"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-cogs" class="icon-cogs"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-cogs" class="icon-cogs"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-cogs" class="icon-cogs"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-cogs" class="icon-cogs"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-cogs" class="icon-cogs"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-cogs" class="icon-cogs"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-cogs" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14c;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-collapse" class="icon-collapse"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-collapse" class="icon-collapse"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-collapse" class="icon-collapse"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-collapse" class="icon-collapse"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-collapse" class="icon-collapse"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-collapse" class="icon-collapse"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-collapse" class="icon-collapse"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-collapse" class="icon-collapse"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-collapse" class="icon-collapse"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-collapse" class="icon-collapse"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-collapse" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14d;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-collapse-alt" class="icon-collapse-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-collapse-alt" class="icon-collapse-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-collapse-alt" class="icon-collapse-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-collapse-alt" class="icon-collapse-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-collapse-alt" class="icon-collapse-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-collapse-alt" class="icon-collapse-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-collapse-alt" class="icon-collapse-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-collapse-alt" class="icon-collapse-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-collapse-alt" class="icon-collapse-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-collapse-alt" class="icon-collapse-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=".icon-collapse-alt" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14e;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-collapse-top" class="icon-collapse-top"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-collapse-top" class="icon-collapse-top"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-collapse-top" class="icon-collapse-top"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-collapse-top" class="icon-collapse-top"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-collapse-top" class="icon-collapse-top"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-collapse-top" class="icon-collapse-top"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-collapse-top" class="icon-collapse-top"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-collapse-top" class="icon-collapse-top"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-collapse-top" class="icon-collapse-top"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-collapse-top" class="icon-collapse-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=".icon-collapse-top" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14f;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-columns" class="icon-columns"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-columns" class="icon-columns"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-columns" class="icon-columns"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-columns" class="icon-columns"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-columns" class="icon-columns"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-columns" class="icon-columns"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-columns" class="icon-columns"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-columns" class="icon-columns"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-columns" class="icon-columns"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-columns" class="icon-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=".icon-columns" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf150;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-comment" class="icon-comment"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-comment" class="icon-comment"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-comment" class="icon-comment"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-comment" class="icon-comment"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-comment" class="icon-comment"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-comment" class="icon-comment"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-comment" class="icon-comment"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-comment" class="icon-comment"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-comment" class="icon-comment"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-comment" class="icon-comment"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-comment" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf151;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-comment-alt" class="icon-comment-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-comment-alt" class="icon-comment-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-comment-alt" class="icon-comment-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-comment-alt" class="icon-comment-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-comment-alt" class="icon-comment-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-comment-alt" class="icon-comment-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-comment-alt" class="icon-comment-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-comment-alt" class="icon-comment-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-comment-alt" class="icon-comment-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-comment-alt" class="icon-comment-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=".icon-comment-alt" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf152;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-comments" class="icon-comments"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-comments" class="icon-comments"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-comments" class="icon-comments"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-comments" class="icon-comments"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-comments" class="icon-comments"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-comments" class="icon-comments"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-comments" class="icon-comments"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-comments" class="icon-comments"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-comments" class="icon-comments"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-comments" class="icon-comments"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-comments" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf153;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-comments-alt" class="icon-comments-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-comments-alt" class="icon-comments-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-comments-alt" class="icon-comments-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-comments-alt" class="icon-comments-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-comments-alt" class="icon-comments-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-comments-alt" class="icon-comments-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-comments-alt" class="icon-comments-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-comments-alt" class="icon-comments-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-comments-alt" class="icon-comments-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-comments-alt" class="icon-comments-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=".icon-comments-alt" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf154;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-compass" class="icon-compass"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-compass" class="icon-compass"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-compass" class="icon-compass"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-compass" class="icon-compass"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-compass" class="icon-compass"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-compass" class="icon-compass"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-compass" class="icon-compass"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-compass" class="icon-compass"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-compass" class="icon-compass"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-compass" class="icon-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=".icon-compass" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf155;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-copy" class="icon-copy"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-copy" class="icon-copy"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-copy" class="icon-copy"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-copy" class="icon-copy"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-copy" class="icon-copy"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-copy" class="icon-copy"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-copy" class="icon-copy"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-copy" class="icon-copy"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-copy" class="icon-copy"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-copy" class="icon-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=".icon-copy" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf156;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-credit-card" class="icon-credit-card"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-credit-card" class="icon-credit-card"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-credit-card" class="icon-credit-card"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-credit-card" class="icon-credit-card"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-credit-card" class="icon-credit-card"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-credit-card" class="icon-credit-card"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-credit-card" class="icon-credit-card"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-credit-card" class="icon-credit-card"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-credit-card" class="icon-credit-card"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-credit-card" class="icon-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=".icon-credit-card" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf157;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-crop" class="icon-crop"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-crop" class="icon-crop"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-crop" class="icon-crop"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-crop" class="icon-crop"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-crop" class="icon-crop"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-crop" class="icon-crop"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-crop" class="icon-crop"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-crop" class="icon-crop"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-crop" class="icon-crop"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-crop" class="icon-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=".icon-crop" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf158;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-css3" class="icon-css3"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-css3" class="icon-css3"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-css3" class="icon-css3"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-css3" class="icon-css3"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-css3" class="icon-css3"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-css3" class="icon-css3"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-css3" class="icon-css3"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-css3" class="icon-css3"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-css3" class="icon-css3"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-css3" class="icon-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=".icon-css3" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf159;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-cut" class="icon-cut"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-cut" class="icon-cut"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-cut" class="icon-cut"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-cut" class="icon-cut"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-cut" class="icon-cut"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-cut" class="icon-cut"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-cut" class="icon-cut"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-cut" class="icon-cut"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-cut" class="icon-cut"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-cut" class="icon-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=".icon-cut" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15a;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-dashboard" class="icon-dashboard"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-dashboard" class="icon-dashboard"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-dashboard" class="icon-dashboard"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-dashboard" class="icon-dashboard"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-dashboard" class="icon-dashboard"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-dashboard" class="icon-dashboard"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-dashboard" class="icon-dashboard"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-dashboard" class="icon-dashboard"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-dashboard" class="icon-dashboard"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-dashboard" class="icon-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=".icon-dashboard" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15b;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-desktop" class="icon-desktop"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-desktop" class="icon-desktop"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-desktop" class="icon-desktop"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-desktop" class="icon-desktop"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-desktop" class="icon-desktop"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-desktop" class="icon-desktop"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-desktop" class="icon-desktop"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-desktop" class="icon-desktop"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-desktop" class="icon-desktop"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-desktop" class="icon-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=".icon-desktop" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15c;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-24-7-sign" class="icon-di-24-7-sign"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-24-7-sign" class="icon-di-24-7-sign"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-24-7-sign" class="icon-di-24-7-sign"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-24-7-sign" class="icon-di-24-7-sign"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-24-7-sign" class="icon-di-24-7-sign"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-24-7-sign" class="icon-di-24-7-sign"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-24-7-sign" class="icon-di-24-7-sign"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-24-7-sign" class="icon-di-24-7-sign"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-24-7-sign" class="icon-di-24-7-sign"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-24-7-sign" class="icon-di-24-7-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=".icon-di-24-7-sign" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15d;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-24-hours" class="icon-di-24-hours"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-24-hours" class="icon-di-24-hours"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-24-hours" class="icon-di-24-hours"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-24-hours" class="icon-di-24-hours"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-24-hours" class="icon-di-24-hours"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-24-hours" class="icon-di-24-hours"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-24-hours" class="icon-di-24-hours"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-24-hours" class="icon-di-24-hours"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-24-hours" class="icon-di-24-hours"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-24-hours" class="icon-di-24-hours"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-24-hours" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15e;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-30-minutes-delivery" class="icon-di-30-minutes-delivery"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-30-minutes-delivery" class="icon-di-30-minutes-delivery"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-30-minutes-delivery" class="icon-di-30-minutes-delivery"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-30-minutes-delivery" class="icon-di-30-minutes-delivery"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-30-minutes-delivery" class="icon-di-30-minutes-delivery"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-30-minutes-delivery" class="icon-di-30-minutes-delivery"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-30-minutes-delivery" class="icon-di-30-minutes-delivery"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-30-minutes-delivery" class="icon-di-30-minutes-delivery"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-30-minutes-delivery" class="icon-di-30-minutes-delivery"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-30-minutes-delivery" class="icon-di-30-minutes-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=".icon-di-30-minutes-delivery" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15f;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-3d-glasses" class="icon-di-3d-glasses"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-3d-glasses" class="icon-di-3d-glasses"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-3d-glasses" class="icon-di-3d-glasses"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-3d-glasses" class="icon-di-3d-glasses"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-3d-glasses" class="icon-di-3d-glasses"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-3d-glasses" class="icon-di-3d-glasses"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-3d-glasses" class="icon-di-3d-glasses"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-3d-glasses" class="icon-di-3d-glasses"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-3d-glasses" class="icon-di-3d-glasses"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-3d-glasses" class="icon-di-3d-glasses"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-3d-glasses" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf160;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-a-b-labels" class="icon-di-a-b-labels"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-a-b-labels" class="icon-di-a-b-labels"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-a-b-labels" class="icon-di-a-b-labels"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-a-b-labels" class="icon-di-a-b-labels"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-a-b-labels" class="icon-di-a-b-labels"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-a-b-labels" class="icon-di-a-b-labels"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-a-b-labels" class="icon-di-a-b-labels"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-a-b-labels" class="icon-di-a-b-labels"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-a-b-labels" class="icon-di-a-b-labels"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-a-b-labels" class="icon-di-a-b-labels"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-a-b-labels" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf161;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-abacus" class="icon-di-abacus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-abacus" class="icon-di-abacus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-abacus" class="icon-di-abacus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-abacus" class="icon-di-abacus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-abacus" class="icon-di-abacus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-abacus" class="icon-di-abacus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-abacus" class="icon-di-abacus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-abacus" class="icon-di-abacus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-abacus" class="icon-di-abacus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-abacus" class="icon-di-abacus"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-abacus" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf162;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-abraham-lincoln" class="icon-di-abraham-lincoln"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-abraham-lincoln" class="icon-di-abraham-lincoln"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-abraham-lincoln" class="icon-di-abraham-lincoln"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-abraham-lincoln" class="icon-di-abraham-lincoln"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-abraham-lincoln" class="icon-di-abraham-lincoln"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-abraham-lincoln" class="icon-di-abraham-lincoln"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-abraham-lincoln" class="icon-di-abraham-lincoln"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-abraham-lincoln" class="icon-di-abraham-lincoln"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-abraham-lincoln" class="icon-di-abraham-lincoln"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-abraham-lincoln" class="icon-di-abraham-lincoln"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-abraham-lincoln" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf163;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-academy-award" class="icon-di-academy-award"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-academy-award" class="icon-di-academy-award"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-academy-award" class="icon-di-academy-award"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-academy-award" class="icon-di-academy-award"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-academy-award" class="icon-di-academy-award"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-academy-award" class="icon-di-academy-award"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-academy-award" class="icon-di-academy-award"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-academy-award" class="icon-di-academy-award"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-academy-award" class="icon-di-academy-award"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-academy-award" class="icon-di-academy-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=".icon-di-academy-award" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf164;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-accordion" class="icon-di-accordion"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-accordion" class="icon-di-accordion"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-accordion" class="icon-di-accordion"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-accordion" class="icon-di-accordion"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-accordion" class="icon-di-accordion"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-accordion" class="icon-di-accordion"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-accordion" class="icon-di-accordion"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-accordion" class="icon-di-accordion"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-accordion" class="icon-di-accordion"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-accordion" class="icon-di-accordion"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-accordion" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf165;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-acid" class="icon-di-acid"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-acid" class="icon-di-acid"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-acid" class="icon-di-acid"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-acid" class="icon-di-acid"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-acid" class="icon-di-acid"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-acid" class="icon-di-acid"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-acid" class="icon-di-acid"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-acid" class="icon-di-acid"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-acid" class="icon-di-acid"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-acid" class="icon-di-acid"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-acid" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf166;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-acorn" class="icon-di-acorn"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-acorn" class="icon-di-acorn"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-acorn" class="icon-di-acorn"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-acorn" class="icon-di-acorn"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-acorn" class="icon-di-acorn"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-acorn" class="icon-di-acorn"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-acorn" class="icon-di-acorn"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-acorn" class="icon-di-acorn"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-acorn" class="icon-di-acorn"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-acorn" class="icon-di-acorn"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-acorn" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf167;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-acropolis" class="icon-di-acropolis"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-acropolis" class="icon-di-acropolis"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-acropolis" class="icon-di-acropolis"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-acropolis" class="icon-di-acropolis"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-acropolis" class="icon-di-acropolis"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-acropolis" class="icon-di-acropolis"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-acropolis" class="icon-di-acropolis"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-acropolis" class="icon-di-acropolis"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-acropolis" class="icon-di-acropolis"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-acropolis" class="icon-di-acropolis"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-acropolis" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf168;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-address-book" class="icon-di-address-book"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-address-book" class="icon-di-address-book"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-address-book" class="icon-di-address-book"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-address-book" class="icon-di-address-book"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-address-book" class="icon-di-address-book"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-address-book" class="icon-di-address-book"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-address-book" class="icon-di-address-book"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-address-book" class="icon-di-address-book"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-address-book" class="icon-di-address-book"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-address-book" class="icon-di-address-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=".icon-di-address-book" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf169;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-address-search" class="icon-di-address-search"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-address-search" class="icon-di-address-search"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-address-search" class="icon-di-address-search"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-address-search" class="icon-di-address-search"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-address-search" class="icon-di-address-search"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-address-search" class="icon-di-address-search"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-address-search" class="icon-di-address-search"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-address-search" class="icon-di-address-search"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-address-search" class="icon-di-address-search"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-address-search" class="icon-di-address-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=".icon-di-address-search" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16a;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-adjustable-wrench" class="icon-di-adjustable-wrench"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-adjustable-wrench" class="icon-di-adjustable-wrench"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-adjustable-wrench" class="icon-di-adjustable-wrench"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-adjustable-wrench" class="icon-di-adjustable-wrench"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-adjustable-wrench" class="icon-di-adjustable-wrench"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-adjustable-wrench" class="icon-di-adjustable-wrench"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-adjustable-wrench" class="icon-di-adjustable-wrench"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-adjustable-wrench" class="icon-di-adjustable-wrench"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-adjustable-wrench" class="icon-di-adjustable-wrench"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-adjustable-wrench" class="icon-di-adjustable-wrench"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-adjustable-wrench" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16b;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-adult-child" class="icon-di-adult-child"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-adult-child" class="icon-di-adult-child"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-adult-child" class="icon-di-adult-child"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-adult-child" class="icon-di-adult-child"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-adult-child" class="icon-di-adult-child"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-adult-child" class="icon-di-adult-child"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-adult-child" class="icon-di-adult-child"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-adult-child" class="icon-di-adult-child"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-adult-child" class="icon-di-adult-child"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-adult-child" class="icon-di-adult-child"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-adult-child" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16c;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-aerobics" class="icon-di-aerobics"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-aerobics" class="icon-di-aerobics"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-aerobics" class="icon-di-aerobics"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-aerobics" class="icon-di-aerobics"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-aerobics" class="icon-di-aerobics"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-aerobics" class="icon-di-aerobics"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-aerobics" class="icon-di-aerobics"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-aerobics" class="icon-di-aerobics"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-aerobics" class="icon-di-aerobics"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-aerobics" class="icon-di-aerobics"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-aerobics" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16d;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-aerobics-instructor" class="icon-di-aerobics-instructor"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-aerobics-instructor" class="icon-di-aerobics-instructor"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-aerobics-instructor" class="icon-di-aerobics-instructor"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-aerobics-instructor" class="icon-di-aerobics-instructor"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-aerobics-instructor" class="icon-di-aerobics-instructor"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-aerobics-instructor" class="icon-di-aerobics-instructor"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-aerobics-instructor" class="icon-di-aerobics-instructor"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-aerobics-instructor" class="icon-di-aerobics-instructor"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-aerobics-instructor" class="icon-di-aerobics-instructor"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-aerobics-instructor" class="icon-di-aerobics-instructor"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-aerobics-instructor" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16e;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-air-freight" class="icon-di-air-freight"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-air-freight" class="icon-di-air-freight"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-air-freight" class="icon-di-air-freight"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-air-freight" class="icon-di-air-freight"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-air-freight" class="icon-di-air-freight"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-air-freight" class="icon-di-air-freight"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-air-freight" class="icon-di-air-freight"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-air-freight" class="icon-di-air-freight"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-air-freight" class="icon-di-air-freight"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-air-freight" class="icon-di-air-freight"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-air-freight" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16f;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-air-traffic-control" class="icon-di-air-traffic-control"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-air-traffic-control" class="icon-di-air-traffic-control"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-air-traffic-control" class="icon-di-air-traffic-control"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-air-traffic-control" class="icon-di-air-traffic-control"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-air-traffic-control" class="icon-di-air-traffic-control"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-air-traffic-control" class="icon-di-air-traffic-control"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-air-traffic-control" class="icon-di-air-traffic-control"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-air-traffic-control" class="icon-di-air-traffic-control"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-air-traffic-control" class="icon-di-air-traffic-control"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-air-traffic-control" class="icon-di-air-traffic-control"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-air-traffic-control" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf170;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-air-travel" class="icon-di-air-travel"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-air-travel" class="icon-di-air-travel"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-air-travel" class="icon-di-air-travel"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-air-travel" class="icon-di-air-travel"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-air-travel" class="icon-di-air-travel"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-air-travel" class="icon-di-air-travel"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-air-travel" class="icon-di-air-travel"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-air-travel" class="icon-di-air-travel"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-air-travel" class="icon-di-air-travel"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-air-travel" class="icon-di-air-travel"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-air-travel" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf171;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-airbag" class="icon-di-airbag"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-airbag" class="icon-di-airbag"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-airbag" class="icon-di-airbag"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-airbag" class="icon-di-airbag"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-airbag" class="icon-di-airbag"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-airbag" class="icon-di-airbag"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-airbag" class="icon-di-airbag"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-airbag" class="icon-di-airbag"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-airbag" class="icon-di-airbag"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-airbag" class="icon-di-airbag"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-airbag" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf172;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-airbrush" class="icon-di-airbrush"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-airbrush" class="icon-di-airbrush"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-airbrush" class="icon-di-airbrush"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-airbrush" class="icon-di-airbrush"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-airbrush" class="icon-di-airbrush"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-airbrush" class="icon-di-airbrush"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-airbrush" class="icon-di-airbrush"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-airbrush" class="icon-di-airbrush"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-airbrush" class="icon-di-airbrush"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-airbrush" class="icon-di-airbrush"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-airbrush" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf173;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-airplane-crash" class="icon-di-airplane-crash"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-airplane-crash" class="icon-di-airplane-crash"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-airplane-crash" class="icon-di-airplane-crash"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-airplane-crash" class="icon-di-airplane-crash"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-airplane-crash" class="icon-di-airplane-crash"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-airplane-crash" class="icon-di-airplane-crash"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-airplane-crash" class="icon-di-airplane-crash"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-airplane-crash" class="icon-di-airplane-crash"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-airplane-crash" class="icon-di-airplane-crash"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-airplane-crash" class="icon-di-airplane-crash"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-airplane-crash" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf174;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-airplane-hangar" class="icon-di-airplane-hangar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-airplane-hangar" class="icon-di-airplane-hangar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-airplane-hangar" class="icon-di-airplane-hangar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-airplane-hangar" class="icon-di-airplane-hangar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-airplane-hangar" class="icon-di-airplane-hangar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-airplane-hangar" class="icon-di-airplane-hangar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-airplane-hangar" class="icon-di-airplane-hangar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-airplane-hangar" class="icon-di-airplane-hangar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-airplane-hangar" class="icon-di-airplane-hangar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-airplane-hangar" class="icon-di-airplane-hangar"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-airplane-hangar" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf175;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-airplane-landing" class="icon-di-airplane-landing"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-airplane-landing" class="icon-di-airplane-landing"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-airplane-landing" class="icon-di-airplane-landing"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-airplane-landing" class="icon-di-airplane-landing"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-airplane-landing" class="icon-di-airplane-landing"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-airplane-landing" class="icon-di-airplane-landing"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-airplane-landing" class="icon-di-airplane-landing"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-airplane-landing" class="icon-di-airplane-landing"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-airplane-landing" class="icon-di-airplane-landing"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-airplane-landing" class="icon-di-airplane-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=".icon-di-airplane-landing" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf176;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-airplane-takeoff" class="icon-di-airplane-takeoff"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-airplane-takeoff" class="icon-di-airplane-takeoff"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-airplane-takeoff" class="icon-di-airplane-takeoff"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-airplane-takeoff" class="icon-di-airplane-takeoff"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-airplane-takeoff" class="icon-di-airplane-takeoff"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-airplane-takeoff" class="icon-di-airplane-takeoff"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-airplane-takeoff" class="icon-di-airplane-takeoff"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-airplane-takeoff" class="icon-di-airplane-takeoff"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-airplane-takeoff" class="icon-di-airplane-takeoff"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-airplane-takeoff" class="icon-di-airplane-takeoff"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-airplane-takeoff" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf177;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-airplane-transfer" class="icon-di-airplane-transfer"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-airplane-transfer" class="icon-di-airplane-transfer"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-airplane-transfer" class="icon-di-airplane-transfer"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-airplane-transfer" class="icon-di-airplane-transfer"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-airplane-transfer" class="icon-di-airplane-transfer"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-airplane-transfer" class="icon-di-airplane-transfer"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-airplane-transfer" class="icon-di-airplane-transfer"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-airplane-transfer" class="icon-di-airplane-transfer"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-airplane-transfer" class="icon-di-airplane-transfer"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-airplane-transfer" class="icon-di-airplane-transfer"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-airplane-transfer" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf178;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-airport-parking" class="icon-di-airport-parking"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-airport-parking" class="icon-di-airport-parking"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-airport-parking" class="icon-di-airport-parking"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-airport-parking" class="icon-di-airport-parking"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-airport-parking" class="icon-di-airport-parking"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-airport-parking" class="icon-di-airport-parking"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-airport-parking" class="icon-di-airport-parking"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-airport-parking" class="icon-di-airport-parking"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-airport-parking" class="icon-di-airport-parking"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-airport-parking" class="icon-di-airport-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=".icon-di-airport-parking" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf179;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-airport-stairs" class="icon-di-airport-stairs"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-airport-stairs" class="icon-di-airport-stairs"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-airport-stairs" class="icon-di-airport-stairs"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-airport-stairs" class="icon-di-airport-stairs"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-airport-stairs" class="icon-di-airport-stairs"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-airport-stairs" class="icon-di-airport-stairs"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-airport-stairs" class="icon-di-airport-stairs"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-airport-stairs" class="icon-di-airport-stairs"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-airport-stairs" class="icon-di-airport-stairs"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-airport-stairs" class="icon-di-airport-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=".icon-di-airport-stairs" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17a;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-alarm-bell" class="icon-di-alarm-bell"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-alarm-bell" class="icon-di-alarm-bell"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-alarm-bell" class="icon-di-alarm-bell"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-alarm-bell" class="icon-di-alarm-bell"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-alarm-bell" class="icon-di-alarm-bell"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-alarm-bell" class="icon-di-alarm-bell"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-alarm-bell" class="icon-di-alarm-bell"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-alarm-bell" class="icon-di-alarm-bell"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-alarm-bell" class="icon-di-alarm-bell"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-alarm-bell" class="icon-di-alarm-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=".icon-di-alarm-bell" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17b;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-alarm-clock" class="icon-di-alarm-clock"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-alarm-clock" class="icon-di-alarm-clock"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-alarm-clock" class="icon-di-alarm-clock"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-alarm-clock" class="icon-di-alarm-clock"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-alarm-clock" class="icon-di-alarm-clock"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-alarm-clock" class="icon-di-alarm-clock"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-alarm-clock" class="icon-di-alarm-clock"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-alarm-clock" class="icon-di-alarm-clock"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-alarm-clock" class="icon-di-alarm-clock"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-alarm-clock" class="icon-di-alarm-clock"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-alarm-clock" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17c;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-alarm-ringing" class="icon-di-alarm-ringing"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-alarm-ringing" class="icon-di-alarm-ringing"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-alarm-ringing" class="icon-di-alarm-ringing"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-alarm-ringing" class="icon-di-alarm-ringing"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-alarm-ringing" class="icon-di-alarm-ringing"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-alarm-ringing" class="icon-di-alarm-ringing"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-alarm-ringing" class="icon-di-alarm-ringing"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-alarm-ringing" class="icon-di-alarm-ringing"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-alarm-ringing" class="icon-di-alarm-ringing"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-alarm-ringing" class="icon-di-alarm-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=".icon-di-alarm-ringing" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17d;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-alien" class="icon-di-alien"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-alien" class="icon-di-alien"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-alien" class="icon-di-alien"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-alien" class="icon-di-alien"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-alien" class="icon-di-alien"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-alien" class="icon-di-alien"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-alien" class="icon-di-alien"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-alien" class="icon-di-alien"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-alien" class="icon-di-alien"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-alien" class="icon-di-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=".icon-di-alien" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17e;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-alien-abduction" class="icon-di-alien-abduction"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-alien-abduction" class="icon-di-alien-abduction"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-alien-abduction" class="icon-di-alien-abduction"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-alien-abduction" class="icon-di-alien-abduction"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-alien-abduction" class="icon-di-alien-abduction"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-alien-abduction" class="icon-di-alien-abduction"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-alien-abduction" class="icon-di-alien-abduction"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-alien-abduction" class="icon-di-alien-abduction"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-alien-abduction" class="icon-di-alien-abduction"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-alien-abduction" class="icon-di-alien-abduction"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-alien-abduction" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17f;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-all-terrain-vehicle" class="icon-di-all-terrain-vehicle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-all-terrain-vehicle" class="icon-di-all-terrain-vehicle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-all-terrain-vehicle" class="icon-di-all-terrain-vehicle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-all-terrain-vehicle" class="icon-di-all-terrain-vehicle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-all-terrain-vehicle" class="icon-di-all-terrain-vehicle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-all-terrain-vehicle" class="icon-di-all-terrain-vehicle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-all-terrain-vehicle" class="icon-di-all-terrain-vehicle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-all-terrain-vehicle" class="icon-di-all-terrain-vehicle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-all-terrain-vehicle" class="icon-di-all-terrain-vehicle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-all-terrain-vehicle" class="icon-di-all-terrain-vehicle"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-all-terrain-vehicle" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf180;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-allah" class="icon-di-allah"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-allah" class="icon-di-allah"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-allah" class="icon-di-allah"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-allah" class="icon-di-allah"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-allah" class="icon-di-allah"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-allah" class="icon-di-allah"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-allah" class="icon-di-allah"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-allah" class="icon-di-allah"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-allah" class="icon-di-allah"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-allah" class="icon-di-allah"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-allah" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf181;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-amanita-muscaria" class="icon-di-amanita-muscaria"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-amanita-muscaria" class="icon-di-amanita-muscaria"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-amanita-muscaria" class="icon-di-amanita-muscaria"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-amanita-muscaria" class="icon-di-amanita-muscaria"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-amanita-muscaria" class="icon-di-amanita-muscaria"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-amanita-muscaria" class="icon-di-amanita-muscaria"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-amanita-muscaria" class="icon-di-amanita-muscaria"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-amanita-muscaria" class="icon-di-amanita-muscaria"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-amanita-muscaria" class="icon-di-amanita-muscaria"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-amanita-muscaria" class="icon-di-amanita-muscaria"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-amanita-muscaria" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf182;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-american-football" class="icon-di-american-football"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-american-football" class="icon-di-american-football"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-american-football" class="icon-di-american-football"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-american-football" class="icon-di-american-football"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-american-football" class="icon-di-american-football"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-american-football" class="icon-di-american-football"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-american-football" class="icon-di-american-football"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-american-football" class="icon-di-american-football"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-american-football" class="icon-di-american-football"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-american-football" class="icon-di-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=".icon-di-american-football" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf183;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-american-football-league" class="icon-di-american-football-league"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-american-football-league" class="icon-di-american-football-league"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-american-football-league" class="icon-di-american-football-league"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-american-football-league" class="icon-di-american-football-league"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-american-football-league" class="icon-di-american-football-league"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-american-football-league" class="icon-di-american-football-league"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-american-football-league" class="icon-di-american-football-league"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-american-football-league" class="icon-di-american-football-league"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-american-football-league" class="icon-di-american-football-league"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-american-football-league" class="icon-di-american-football-league"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-american-football-league" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf184;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-anchor-modern" class="icon-di-anchor-modern"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-anchor-modern" class="icon-di-anchor-modern"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-anchor-modern" class="icon-di-anchor-modern"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-anchor-modern" class="icon-di-anchor-modern"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-anchor-modern" class="icon-di-anchor-modern"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-anchor-modern" class="icon-di-anchor-modern"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-anchor-modern" class="icon-di-anchor-modern"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-anchor-modern" class="icon-di-anchor-modern"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-anchor-modern" class="icon-di-anchor-modern"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-anchor-modern" class="icon-di-anchor-modern"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-anchor-modern" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf185;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-anchor-vintage" class="icon-di-anchor-vintage"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-anchor-vintage" class="icon-di-anchor-vintage"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-anchor-vintage" class="icon-di-anchor-vintage"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-anchor-vintage" class="icon-di-anchor-vintage"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-anchor-vintage" class="icon-di-anchor-vintage"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-anchor-vintage" class="icon-di-anchor-vintage"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-anchor-vintage" class="icon-di-anchor-vintage"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-anchor-vintage" class="icon-di-anchor-vintage"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-anchor-vintage" class="icon-di-anchor-vintage"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-anchor-vintage" class="icon-di-anchor-vintage"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-anchor-vintage" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf186;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-angel" class="icon-di-angel"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-angel" class="icon-di-angel"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-angel" class="icon-di-angel"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-angel" class="icon-di-angel"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-angel" class="icon-di-angel"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-angel" class="icon-di-angel"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-angel" class="icon-di-angel"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-angel" class="icon-di-angel"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-angel" class="icon-di-angel"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-angel" class="icon-di-angel"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-angel" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf187;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-anglepoise-lamp" class="icon-di-anglepoise-lamp"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-anglepoise-lamp" class="icon-di-anglepoise-lamp"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-anglepoise-lamp" class="icon-di-anglepoise-lamp"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-anglepoise-lamp" class="icon-di-anglepoise-lamp"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-anglepoise-lamp" class="icon-di-anglepoise-lamp"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-anglepoise-lamp" class="icon-di-anglepoise-lamp"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-anglepoise-lamp" class="icon-di-anglepoise-lamp"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-anglepoise-lamp" class="icon-di-anglepoise-lamp"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-anglepoise-lamp" class="icon-di-anglepoise-lamp"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-anglepoise-lamp" class="icon-di-anglepoise-lamp"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-anglepoise-lamp" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf188;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-antique-dresser" class="icon-di-antique-dresser"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-antique-dresser" class="icon-di-antique-dresser"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-antique-dresser" class="icon-di-antique-dresser"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-antique-dresser" class="icon-di-antique-dresser"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-antique-dresser" class="icon-di-antique-dresser"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-antique-dresser" class="icon-di-antique-dresser"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-antique-dresser" class="icon-di-antique-dresser"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-antique-dresser" class="icon-di-antique-dresser"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-antique-dresser" class="icon-di-antique-dresser"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-antique-dresser" class="icon-di-antique-dresser"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-antique-dresser" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf189;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-antique-key" class="icon-di-antique-key"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-antique-key" class="icon-di-antique-key"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-antique-key" class="icon-di-antique-key"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-antique-key" class="icon-di-antique-key"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-antique-key" class="icon-di-antique-key"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-antique-key" class="icon-di-antique-key"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-antique-key" class="icon-di-antique-key"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-antique-key" class="icon-di-antique-key"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-antique-key" class="icon-di-antique-key"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-antique-key" class="icon-di-antique-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=".icon-di-antique-key" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18a;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-antique-pistol" class="icon-di-antique-pistol"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-antique-pistol" class="icon-di-antique-pistol"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-antique-pistol" class="icon-di-antique-pistol"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-antique-pistol" class="icon-di-antique-pistol"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-antique-pistol" class="icon-di-antique-pistol"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-antique-pistol" class="icon-di-antique-pistol"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-antique-pistol" class="icon-di-antique-pistol"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-antique-pistol" class="icon-di-antique-pistol"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-antique-pistol" class="icon-di-antique-pistol"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-antique-pistol" class="icon-di-antique-pistol"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-antique-pistol" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18b;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-apple" class="icon-di-apple"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-apple" class="icon-di-apple"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-apple" class="icon-di-apple"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-apple" class="icon-di-apple"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-apple" class="icon-di-apple"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-apple" class="icon-di-apple"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-apple" class="icon-di-apple"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-apple" class="icon-di-apple"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-apple" class="icon-di-apple"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-apple" class="icon-di-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=".icon-di-apple" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18c;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-apple-sliced" class="icon-di-apple-sliced"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-apple-sliced" class="icon-di-apple-sliced"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-apple-sliced" class="icon-di-apple-sliced"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-apple-sliced" class="icon-di-apple-sliced"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-apple-sliced" class="icon-di-apple-sliced"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-apple-sliced" class="icon-di-apple-sliced"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-apple-sliced" class="icon-di-apple-sliced"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-apple-sliced" class="icon-di-apple-sliced"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-apple-sliced" class="icon-di-apple-sliced"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-apple-sliced" class="icon-di-apple-sliced"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-apple-sliced" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18d;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-apron" class="icon-di-apron"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-apron" class="icon-di-apron"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-apron" class="icon-di-apron"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-apron" class="icon-di-apron"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-apron" class="icon-di-apron"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-apron" class="icon-di-apron"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-apron" class="icon-di-apron"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-apron" class="icon-di-apron"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-apron" class="icon-di-apron"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-apron" class="icon-di-apron"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-apron" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18e;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-archery-target" class="icon-di-archery-target"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-archery-target" class="icon-di-archery-target"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-archery-target" class="icon-di-archery-target"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-archery-target" class="icon-di-archery-target"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-archery-target" class="icon-di-archery-target"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-archery-target" class="icon-di-archery-target"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-archery-target" class="icon-di-archery-target"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-archery-target" class="icon-di-archery-target"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-archery-target" class="icon-di-archery-target"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-archery-target" class="icon-di-archery-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=".icon-di-archery-target" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18f;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-arithmetic-operations" class="icon-di-arithmetic-operations"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-arithmetic-operations" class="icon-di-arithmetic-operations"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-arithmetic-operations" class="icon-di-arithmetic-operations"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-arithmetic-operations" class="icon-di-arithmetic-operations"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-arithmetic-operations" class="icon-di-arithmetic-operations"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-arithmetic-operations" class="icon-di-arithmetic-operations"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-arithmetic-operations" class="icon-di-arithmetic-operations"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-arithmetic-operations" class="icon-di-arithmetic-operations"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-arithmetic-operations" class="icon-di-arithmetic-operations"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-arithmetic-operations" class="icon-di-arithmetic-operations"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-arithmetic-operations" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf190;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-arm-splint" class="icon-di-arm-splint"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-arm-splint" class="icon-di-arm-splint"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-arm-splint" class="icon-di-arm-splint"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-arm-splint" class="icon-di-arm-splint"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-arm-splint" class="icon-di-arm-splint"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-arm-splint" class="icon-di-arm-splint"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-arm-splint" class="icon-di-arm-splint"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-arm-splint" class="icon-di-arm-splint"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-arm-splint" class="icon-di-arm-splint"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-arm-splint" class="icon-di-arm-splint"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-arm-splint" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf191;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-armored-vehicle" class="icon-di-armored-vehicle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-armored-vehicle" class="icon-di-armored-vehicle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-armored-vehicle" class="icon-di-armored-vehicle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-armored-vehicle" class="icon-di-armored-vehicle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-armored-vehicle" class="icon-di-armored-vehicle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-armored-vehicle" class="icon-di-armored-vehicle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-armored-vehicle" class="icon-di-armored-vehicle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-armored-vehicle" class="icon-di-armored-vehicle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-armored-vehicle" class="icon-di-armored-vehicle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-armored-vehicle" class="icon-di-armored-vehicle"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-armored-vehicle" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf192;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-army-tank" class="icon-di-army-tank"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-army-tank" class="icon-di-army-tank"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-army-tank" class="icon-di-army-tank"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-army-tank" class="icon-di-army-tank"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-army-tank" class="icon-di-army-tank"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-army-tank" class="icon-di-army-tank"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-army-tank" class="icon-di-army-tank"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-army-tank" class="icon-di-army-tank"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-army-tank" class="icon-di-army-tank"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-army-tank" class="icon-di-army-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=".icon-di-army-tank" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf193;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-artichoke" class="icon-di-artichoke"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-artichoke" class="icon-di-artichoke"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-artichoke" class="icon-di-artichoke"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-artichoke" class="icon-di-artichoke"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-artichoke" class="icon-di-artichoke"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-artichoke" class="icon-di-artichoke"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-artichoke" class="icon-di-artichoke"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-artichoke" class="icon-di-artichoke"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-artichoke" class="icon-di-artichoke"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-artichoke" class="icon-di-artichoke"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-artichoke" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf194;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-articulated-bus" class="icon-di-articulated-bus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-articulated-bus" class="icon-di-articulated-bus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-articulated-bus" class="icon-di-articulated-bus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-articulated-bus" class="icon-di-articulated-bus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-articulated-bus" class="icon-di-articulated-bus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-articulated-bus" class="icon-di-articulated-bus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-articulated-bus" class="icon-di-articulated-bus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-articulated-bus" class="icon-di-articulated-bus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-articulated-bus" class="icon-di-articulated-bus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-articulated-bus" class="icon-di-articulated-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=".icon-di-articulated-bus" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf195;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-artist" class="icon-di-artist"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-artist" class="icon-di-artist"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-artist" class="icon-di-artist"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-artist" class="icon-di-artist"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-artist" class="icon-di-artist"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-artist" class="icon-di-artist"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-artist" class="icon-di-artist"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-artist" class="icon-di-artist"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-artist" class="icon-di-artist"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-artist" class="icon-di-artist"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-artist" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf196;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-asparagus" class="icon-di-asparagus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-asparagus" class="icon-di-asparagus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-asparagus" class="icon-di-asparagus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-asparagus" class="icon-di-asparagus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-asparagus" class="icon-di-asparagus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-asparagus" class="icon-di-asparagus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-asparagus" class="icon-di-asparagus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-asparagus" class="icon-di-asparagus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-asparagus" class="icon-di-asparagus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-asparagus" class="icon-di-asparagus"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-asparagus" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf197;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-assault-rifle" class="icon-di-assault-rifle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-assault-rifle" class="icon-di-assault-rifle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-assault-rifle" class="icon-di-assault-rifle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-assault-rifle" class="icon-di-assault-rifle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-assault-rifle" class="icon-di-assault-rifle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-assault-rifle" class="icon-di-assault-rifle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-assault-rifle" class="icon-di-assault-rifle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-assault-rifle" class="icon-di-assault-rifle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-assault-rifle" class="icon-di-assault-rifle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-assault-rifle" class="icon-di-assault-rifle"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-assault-rifle" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf198;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-astronaut" class="icon-di-astronaut"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-astronaut" class="icon-di-astronaut"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-astronaut" class="icon-di-astronaut"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-astronaut" class="icon-di-astronaut"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-astronaut" class="icon-di-astronaut"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-astronaut" class="icon-di-astronaut"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-astronaut" class="icon-di-astronaut"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-astronaut" class="icon-di-astronaut"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-astronaut" class="icon-di-astronaut"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-astronaut" class="icon-di-astronaut"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-astronaut" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf199;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-atomic-particles" class="icon-di-atomic-particles"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-atomic-particles" class="icon-di-atomic-particles"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-atomic-particles" class="icon-di-atomic-particles"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-atomic-particles" class="icon-di-atomic-particles"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-atomic-particles" class="icon-di-atomic-particles"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-atomic-particles" class="icon-di-atomic-particles"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-atomic-particles" class="icon-di-atomic-particles"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-atomic-particles" class="icon-di-atomic-particles"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-atomic-particles" class="icon-di-atomic-particles"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-atomic-particles" class="icon-di-atomic-particles"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-atomic-particles" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19a;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-audio-plug" class="icon-di-audio-plug"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-audio-plug" class="icon-di-audio-plug"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-audio-plug" class="icon-di-audio-plug"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-audio-plug" class="icon-di-audio-plug"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-audio-plug" class="icon-di-audio-plug"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-audio-plug" class="icon-di-audio-plug"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-audio-plug" class="icon-di-audio-plug"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-audio-plug" class="icon-di-audio-plug"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-audio-plug" class="icon-di-audio-plug"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-audio-plug" class="icon-di-audio-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=".icon-di-audio-plug" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19b;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-audio-wave" class="icon-di-audio-wave"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-audio-wave" class="icon-di-audio-wave"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-audio-wave" class="icon-di-audio-wave"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-audio-wave" class="icon-di-audio-wave"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-audio-wave" class="icon-di-audio-wave"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-audio-wave" class="icon-di-audio-wave"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-audio-wave" class="icon-di-audio-wave"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-audio-wave" class="icon-di-audio-wave"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-audio-wave" class="icon-di-audio-wave"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-audio-wave" class="icon-di-audio-wave"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-audio-wave" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19c;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-auto-rickshaw" class="icon-di-auto-rickshaw"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-auto-rickshaw" class="icon-di-auto-rickshaw"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-auto-rickshaw" class="icon-di-auto-rickshaw"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-auto-rickshaw" class="icon-di-auto-rickshaw"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-auto-rickshaw" class="icon-di-auto-rickshaw"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-auto-rickshaw" class="icon-di-auto-rickshaw"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-auto-rickshaw" class="icon-di-auto-rickshaw"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-auto-rickshaw" class="icon-di-auto-rickshaw"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-auto-rickshaw" class="icon-di-auto-rickshaw"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-auto-rickshaw" class="icon-di-auto-rickshaw"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-auto-rickshaw" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19d;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-autopsy" class="icon-di-autopsy"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-autopsy" class="icon-di-autopsy"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-autopsy" class="icon-di-autopsy"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-autopsy" class="icon-di-autopsy"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-autopsy" class="icon-di-autopsy"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-autopsy" class="icon-di-autopsy"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-autopsy" class="icon-di-autopsy"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-autopsy" class="icon-di-autopsy"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-autopsy" class="icon-di-autopsy"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-autopsy" class="icon-di-autopsy"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-autopsy" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19e;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-auxiliary-cable" class="icon-di-auxiliary-cable"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-auxiliary-cable" class="icon-di-auxiliary-cable"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-auxiliary-cable" class="icon-di-auxiliary-cable"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-auxiliary-cable" class="icon-di-auxiliary-cable"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-auxiliary-cable" class="icon-di-auxiliary-cable"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-auxiliary-cable" class="icon-di-auxiliary-cable"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-auxiliary-cable" class="icon-di-auxiliary-cable"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-auxiliary-cable" class="icon-di-auxiliary-cable"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-auxiliary-cable" class="icon-di-auxiliary-cable"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-auxiliary-cable" class="icon-di-auxiliary-cable"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-auxiliary-cable" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19f;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-avalanche" class="icon-di-avalanche"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-avalanche" class="icon-di-avalanche"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-avalanche" class="icon-di-avalanche"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-avalanche" class="icon-di-avalanche"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-avalanche" class="icon-di-avalanche"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-avalanche" class="icon-di-avalanche"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-avalanche" class="icon-di-avalanche"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-avalanche" class="icon-di-avalanche"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-avalanche" class="icon-di-avalanche"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-avalanche" class="icon-di-avalanche"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-avalanche" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a0;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-avocado" class="icon-di-avocado"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-avocado" class="icon-di-avocado"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-avocado" class="icon-di-avocado"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-avocado" class="icon-di-avocado"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-avocado" class="icon-di-avocado"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-avocado" class="icon-di-avocado"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-avocado" class="icon-di-avocado"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-avocado" class="icon-di-avocado"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-avocado" class="icon-di-avocado"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-avocado" class="icon-di-avocado"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-avocado" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a1;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-axe-impact" class="icon-di-axe-impact"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-axe-impact" class="icon-di-axe-impact"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-axe-impact" class="icon-di-axe-impact"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-axe-impact" class="icon-di-axe-impact"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-axe-impact" class="icon-di-axe-impact"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-axe-impact" class="icon-di-axe-impact"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-axe-impact" class="icon-di-axe-impact"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-axe-impact" class="icon-di-axe-impact"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-axe-impact" class="icon-di-axe-impact"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-axe-impact" class="icon-di-axe-impact"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-axe-impact" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a2;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baby-carriage" class="icon-di-baby-carriage"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baby-carriage" class="icon-di-baby-carriage"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baby-carriage" class="icon-di-baby-carriage"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baby-carriage" class="icon-di-baby-carriage"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baby-carriage" class="icon-di-baby-carriage"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baby-carriage" class="icon-di-baby-carriage"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baby-carriage" class="icon-di-baby-carriage"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baby-carriage" class="icon-di-baby-carriage"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baby-carriage" class="icon-di-baby-carriage"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baby-carriage" class="icon-di-baby-carriage"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-baby-carriage" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a3;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baby-crying" class="icon-di-baby-crying"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baby-crying" class="icon-di-baby-crying"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baby-crying" class="icon-di-baby-crying"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baby-crying" class="icon-di-baby-crying"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baby-crying" class="icon-di-baby-crying"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baby-crying" class="icon-di-baby-crying"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baby-crying" class="icon-di-baby-crying"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baby-crying" class="icon-di-baby-crying"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baby-crying" class="icon-di-baby-crying"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baby-crying" class="icon-di-baby-crying"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-baby-crying" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a4;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baby-smiling" class="icon-di-baby-smiling"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baby-smiling" class="icon-di-baby-smiling"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baby-smiling" class="icon-di-baby-smiling"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baby-smiling" class="icon-di-baby-smiling"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baby-smiling" class="icon-di-baby-smiling"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baby-smiling" class="icon-di-baby-smiling"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baby-smiling" class="icon-di-baby-smiling"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baby-smiling" class="icon-di-baby-smiling"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baby-smiling" class="icon-di-baby-smiling"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baby-smiling" class="icon-di-baby-smiling"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-baby-smiling" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a5;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-backpack" class="icon-di-backpack"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-backpack" class="icon-di-backpack"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-backpack" class="icon-di-backpack"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-backpack" class="icon-di-backpack"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-backpack" class="icon-di-backpack"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-backpack" class="icon-di-backpack"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-backpack" class="icon-di-backpack"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-backpack" class="icon-di-backpack"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-backpack" class="icon-di-backpack"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-backpack" class="icon-di-backpack"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-backpack" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a6;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-backpacker" class="icon-di-backpacker"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-backpacker" class="icon-di-backpacker"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-backpacker" class="icon-di-backpacker"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-backpacker" class="icon-di-backpacker"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-backpacker" class="icon-di-backpacker"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-backpacker" class="icon-di-backpacker"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-backpacker" class="icon-di-backpacker"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-backpacker" class="icon-di-backpacker"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-backpacker" class="icon-di-backpacker"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-backpacker" class="icon-di-backpacker"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-backpacker" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a7;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-badminton-shuttle" class="icon-di-badminton-shuttle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-badminton-shuttle" class="icon-di-badminton-shuttle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-badminton-shuttle" class="icon-di-badminton-shuttle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-badminton-shuttle" class="icon-di-badminton-shuttle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-badminton-shuttle" class="icon-di-badminton-shuttle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-badminton-shuttle" class="icon-di-badminton-shuttle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-badminton-shuttle" class="icon-di-badminton-shuttle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-badminton-shuttle" class="icon-di-badminton-shuttle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-badminton-shuttle" class="icon-di-badminton-shuttle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-badminton-shuttle" class="icon-di-badminton-shuttle"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-badminton-shuttle" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a8;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bag-recycling" class="icon-di-bag-recycling"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bag-recycling" class="icon-di-bag-recycling"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bag-recycling" class="icon-di-bag-recycling"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bag-recycling" class="icon-di-bag-recycling"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bag-recycling" class="icon-di-bag-recycling"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bag-recycling" class="icon-di-bag-recycling"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bag-recycling" class="icon-di-bag-recycling"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bag-recycling" class="icon-di-bag-recycling"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bag-recycling" class="icon-di-bag-recycling"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bag-recycling" class="icon-di-bag-recycling"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bag-recycling" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a9;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bag-tree" class="icon-di-bag-tree"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bag-tree" class="icon-di-bag-tree"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bag-tree" class="icon-di-bag-tree"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bag-tree" class="icon-di-bag-tree"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bag-tree" class="icon-di-bag-tree"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bag-tree" class="icon-di-bag-tree"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bag-tree" class="icon-di-bag-tree"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bag-tree" class="icon-di-bag-tree"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bag-tree" class="icon-di-bag-tree"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bag-tree" class="icon-di-bag-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=".icon-di-bag-tree" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1aa;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baggage-check" class="icon-di-baggage-check"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baggage-check" class="icon-di-baggage-check"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baggage-check" class="icon-di-baggage-check"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baggage-check" class="icon-di-baggage-check"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baggage-check" class="icon-di-baggage-check"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baggage-check" class="icon-di-baggage-check"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baggage-check" class="icon-di-baggage-check"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baggage-check" class="icon-di-baggage-check"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baggage-check" class="icon-di-baggage-check"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baggage-check" class="icon-di-baggage-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=".icon-di-baggage-check" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ab;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-flat" class="icon-di-baggage-conveyor-flat"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-flat" class="icon-di-baggage-conveyor-flat"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-flat" class="icon-di-baggage-conveyor-flat"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-flat" class="icon-di-baggage-conveyor-flat"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-flat" class="icon-di-baggage-conveyor-flat"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-flat" class="icon-di-baggage-conveyor-flat"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-flat" class="icon-di-baggage-conveyor-flat"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-flat" class="icon-di-baggage-conveyor-flat"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-flat" class="icon-di-baggage-conveyor-flat"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-flat" class="icon-di-baggage-conveyor-flat"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-baggage-conveyor-flat" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ac;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-tilted" class="icon-di-baggage-conveyor-tilted"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-tilted" class="icon-di-baggage-conveyor-tilted"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-tilted" class="icon-di-baggage-conveyor-tilted"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-tilted" class="icon-di-baggage-conveyor-tilted"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-tilted" class="icon-di-baggage-conveyor-tilted"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-tilted" class="icon-di-baggage-conveyor-tilted"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-tilted" class="icon-di-baggage-conveyor-tilted"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-tilted" class="icon-di-baggage-conveyor-tilted"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-tilted" class="icon-di-baggage-conveyor-tilted"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baggage-conveyor-tilted" class="icon-di-baggage-conveyor-tilted"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-baggage-conveyor-tilted" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ad;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baggage-trailer" class="icon-di-baggage-trailer"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baggage-trailer" class="icon-di-baggage-trailer"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baggage-trailer" class="icon-di-baggage-trailer"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baggage-trailer" class="icon-di-baggage-trailer"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baggage-trailer" class="icon-di-baggage-trailer"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baggage-trailer" class="icon-di-baggage-trailer"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baggage-trailer" class="icon-di-baggage-trailer"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baggage-trailer" class="icon-di-baggage-trailer"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baggage-trailer" class="icon-di-baggage-trailer"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baggage-trailer" class="icon-di-baggage-trailer"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-baggage-trailer" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ae;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baguette" class="icon-di-baguette"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baguette" class="icon-di-baguette"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baguette" class="icon-di-baguette"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baguette" class="icon-di-baguette"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baguette" class="icon-di-baguette"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baguette" class="icon-di-baguette"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baguette" class="icon-di-baguette"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baguette" class="icon-di-baguette"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baguette" class="icon-di-baguette"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baguette" class="icon-di-baguette"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-baguette" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1af;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baked-pie" class="icon-di-baked-pie"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baked-pie" class="icon-di-baked-pie"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baked-pie" class="icon-di-baked-pie"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baked-pie" class="icon-di-baked-pie"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baked-pie" class="icon-di-baked-pie"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baked-pie" class="icon-di-baked-pie"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baked-pie" class="icon-di-baked-pie"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baked-pie" class="icon-di-baked-pie"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baked-pie" class="icon-di-baked-pie"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baked-pie" class="icon-di-baked-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=".icon-di-baked-pie" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b0;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-ballot-box" class="icon-di-ballot-box"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-ballot-box" class="icon-di-ballot-box"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-ballot-box" class="icon-di-ballot-box"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-ballot-box" class="icon-di-ballot-box"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-ballot-box" class="icon-di-ballot-box"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-ballot-box" class="icon-di-ballot-box"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-ballot-box" class="icon-di-ballot-box"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-ballot-box" class="icon-di-ballot-box"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-ballot-box" class="icon-di-ballot-box"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-ballot-box" class="icon-di-ballot-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=".icon-di-ballot-box" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b1;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bamboo" class="icon-di-bamboo"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bamboo" class="icon-di-bamboo"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bamboo" class="icon-di-bamboo"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bamboo" class="icon-di-bamboo"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bamboo" class="icon-di-bamboo"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bamboo" class="icon-di-bamboo"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bamboo" class="icon-di-bamboo"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bamboo" class="icon-di-bamboo"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bamboo" class="icon-di-bamboo"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bamboo" class="icon-di-bamboo"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bamboo" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b2;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bananas" class="icon-di-bananas"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bananas" class="icon-di-bananas"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bananas" class="icon-di-bananas"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bananas" class="icon-di-bananas"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bananas" class="icon-di-bananas"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bananas" class="icon-di-bananas"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bananas" class="icon-di-bananas"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bananas" class="icon-di-bananas"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bananas" class="icon-di-bananas"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bananas" class="icon-di-bananas"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bananas" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b3;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bandage" class="icon-di-bandage"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bandage" class="icon-di-bandage"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bandage" class="icon-di-bandage"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bandage" class="icon-di-bandage"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bandage" class="icon-di-bandage"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bandage" class="icon-di-bandage"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bandage" class="icon-di-bandage"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bandage" class="icon-di-bandage"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bandage" class="icon-di-bandage"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bandage" class="icon-di-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=".icon-di-bandage" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b4;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bar-chart" class="icon-di-bar-chart"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bar-chart" class="icon-di-bar-chart"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bar-chart" class="icon-di-bar-chart"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bar-chart" class="icon-di-bar-chart"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bar-chart" class="icon-di-bar-chart"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bar-chart" class="icon-di-bar-chart"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bar-chart" class="icon-di-bar-chart"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bar-chart" class="icon-di-bar-chart"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bar-chart" class="icon-di-bar-chart"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bar-chart" class="icon-di-bar-chart"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bar-chart" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b5;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bar-chart-down" class="icon-di-bar-chart-down"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bar-chart-down" class="icon-di-bar-chart-down"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bar-chart-down" class="icon-di-bar-chart-down"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bar-chart-down" class="icon-di-bar-chart-down"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bar-chart-down" class="icon-di-bar-chart-down"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bar-chart-down" class="icon-di-bar-chart-down"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bar-chart-down" class="icon-di-bar-chart-down"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bar-chart-down" class="icon-di-bar-chart-down"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bar-chart-down" class="icon-di-bar-chart-down"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bar-chart-down" class="icon-di-bar-chart-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=".icon-di-bar-chart-down" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b6;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bar-chart-up" class="icon-di-bar-chart-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bar-chart-up" class="icon-di-bar-chart-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bar-chart-up" class="icon-di-bar-chart-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bar-chart-up" class="icon-di-bar-chart-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bar-chart-up" class="icon-di-bar-chart-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bar-chart-up" class="icon-di-bar-chart-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bar-chart-up" class="icon-di-bar-chart-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bar-chart-up" class="icon-di-bar-chart-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bar-chart-up" class="icon-di-bar-chart-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bar-chart-up" class="icon-di-bar-chart-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=".icon-di-bar-chart-up" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b7;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bar-phone" class="icon-di-bar-phone"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bar-phone" class="icon-di-bar-phone"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bar-phone" class="icon-di-bar-phone"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bar-phone" class="icon-di-bar-phone"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bar-phone" class="icon-di-bar-phone"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bar-phone" class="icon-di-bar-phone"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bar-phone" class="icon-di-bar-phone"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bar-phone" class="icon-di-bar-phone"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bar-phone" class="icon-di-bar-phone"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bar-phone" class="icon-di-bar-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=".icon-di-bar-phone" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b8;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-barbecue" class="icon-di-barbecue"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-barbecue" class="icon-di-barbecue"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-barbecue" class="icon-di-barbecue"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-barbecue" class="icon-di-barbecue"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-barbecue" class="icon-di-barbecue"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-barbecue" class="icon-di-barbecue"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-barbecue" class="icon-di-barbecue"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-barbecue" class="icon-di-barbecue"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-barbecue" class="icon-di-barbecue"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-barbecue" class="icon-di-barbecue"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-barbecue" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b9;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-barbecue-tools" class="icon-di-barbecue-tools"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-barbecue-tools" class="icon-di-barbecue-tools"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-barbecue-tools" class="icon-di-barbecue-tools"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-barbecue-tools" class="icon-di-barbecue-tools"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-barbecue-tools" class="icon-di-barbecue-tools"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-barbecue-tools" class="icon-di-barbecue-tools"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-barbecue-tools" class="icon-di-barbecue-tools"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-barbecue-tools" class="icon-di-barbecue-tools"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-barbecue-tools" class="icon-di-barbecue-tools"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-barbecue-tools" class="icon-di-barbecue-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=".icon-di-barbecue-tools" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ba;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-barbed-wire" class="icon-di-barbed-wire"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-barbed-wire" class="icon-di-barbed-wire"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-barbed-wire" class="icon-di-barbed-wire"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-barbed-wire" class="icon-di-barbed-wire"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-barbed-wire" class="icon-di-barbed-wire"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-barbed-wire" class="icon-di-barbed-wire"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-barbed-wire" class="icon-di-barbed-wire"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-barbed-wire" class="icon-di-barbed-wire"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-barbed-wire" class="icon-di-barbed-wire"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-barbed-wire" class="icon-di-barbed-wire"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-barbed-wire" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1bb;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-barbell" class="icon-di-barbell"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-barbell" class="icon-di-barbell"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-barbell" class="icon-di-barbell"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-barbell" class="icon-di-barbell"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-barbell" class="icon-di-barbell"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-barbell" class="icon-di-barbell"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-barbell" class="icon-di-barbell"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-barbell" class="icon-di-barbell"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-barbell" class="icon-di-barbell"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-barbell" class="icon-di-barbell"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-barbell" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1bc;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-barcode-scan" class="icon-di-barcode-scan"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-barcode-scan" class="icon-di-barcode-scan"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-barcode-scan" class="icon-di-barcode-scan"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-barcode-scan" class="icon-di-barcode-scan"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-barcode-scan" class="icon-di-barcode-scan"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-barcode-scan" class="icon-di-barcode-scan"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-barcode-scan" class="icon-di-barcode-scan"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-barcode-scan" class="icon-di-barcode-scan"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-barcode-scan" class="icon-di-barcode-scan"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-barcode-scan" class="icon-di-barcode-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=".icon-di-barcode-scan" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1bd;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-barcode-scanner" class="icon-di-barcode-scanner"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-barcode-scanner" class="icon-di-barcode-scanner"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-barcode-scanner" class="icon-di-barcode-scanner"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-barcode-scanner" class="icon-di-barcode-scanner"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-barcode-scanner" class="icon-di-barcode-scanner"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-barcode-scanner" class="icon-di-barcode-scanner"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-barcode-scanner" class="icon-di-barcode-scanner"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-barcode-scanner" class="icon-di-barcode-scanner"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-barcode-scanner" class="icon-di-barcode-scanner"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-barcode-scanner" class="icon-di-barcode-scanner"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-barcode-scanner" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1be;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-barefoot-grape-stomping" class="icon-di-barefoot-grape-stomping"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-barefoot-grape-stomping" class="icon-di-barefoot-grape-stomping"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-barefoot-grape-stomping" class="icon-di-barefoot-grape-stomping"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-barefoot-grape-stomping" class="icon-di-barefoot-grape-stomping"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-barefoot-grape-stomping" class="icon-di-barefoot-grape-stomping"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-barefoot-grape-stomping" class="icon-di-barefoot-grape-stomping"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-barefoot-grape-stomping" class="icon-di-barefoot-grape-stomping"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-barefoot-grape-stomping" class="icon-di-barefoot-grape-stomping"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-barefoot-grape-stomping" class="icon-di-barefoot-grape-stomping"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-barefoot-grape-stomping" class="icon-di-barefoot-grape-stomping"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-barefoot-grape-stomping" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1bf;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-barn" class="icon-di-barn"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-barn" class="icon-di-barn"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-barn" class="icon-di-barn"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-barn" class="icon-di-barn"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-barn" class="icon-di-barn"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-barn" class="icon-di-barn"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-barn" class="icon-di-barn"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-barn" class="icon-di-barn"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-barn" class="icon-di-barn"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-barn" class="icon-di-barn"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-barn" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c0;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baseball" class="icon-di-baseball"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baseball" class="icon-di-baseball"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baseball" class="icon-di-baseball"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baseball" class="icon-di-baseball"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baseball" class="icon-di-baseball"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baseball" class="icon-di-baseball"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baseball" class="icon-di-baseball"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baseball" class="icon-di-baseball"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baseball" class="icon-di-baseball"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baseball" class="icon-di-baseball"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-baseball" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c1;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baseball-bat" class="icon-di-baseball-bat"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baseball-bat" class="icon-di-baseball-bat"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baseball-bat" class="icon-di-baseball-bat"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baseball-bat" class="icon-di-baseball-bat"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baseball-bat" class="icon-di-baseball-bat"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baseball-bat" class="icon-di-baseball-bat"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baseball-bat" class="icon-di-baseball-bat"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baseball-bat" class="icon-di-baseball-bat"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baseball-bat" class="icon-di-baseball-bat"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baseball-bat" class="icon-di-baseball-bat"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-baseball-bat" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c2;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baseball-bat-ball" class="icon-di-baseball-bat-ball"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baseball-bat-ball" class="icon-di-baseball-bat-ball"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baseball-bat-ball" class="icon-di-baseball-bat-ball"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baseball-bat-ball" class="icon-di-baseball-bat-ball"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baseball-bat-ball" class="icon-di-baseball-bat-ball"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baseball-bat-ball" class="icon-di-baseball-bat-ball"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baseball-bat-ball" class="icon-di-baseball-bat-ball"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baseball-bat-ball" class="icon-di-baseball-bat-ball"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baseball-bat-ball" class="icon-di-baseball-bat-ball"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baseball-bat-ball" class="icon-di-baseball-bat-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=".icon-di-baseball-bat-ball" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c3;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baseball-catcher" class="icon-di-baseball-catcher"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baseball-catcher" class="icon-di-baseball-catcher"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baseball-catcher" class="icon-di-baseball-catcher"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baseball-catcher" class="icon-di-baseball-catcher"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baseball-catcher" class="icon-di-baseball-catcher"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baseball-catcher" class="icon-di-baseball-catcher"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baseball-catcher" class="icon-di-baseball-catcher"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baseball-catcher" class="icon-di-baseball-catcher"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baseball-catcher" class="icon-di-baseball-catcher"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baseball-catcher" class="icon-di-baseball-catcher"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-baseball-catcher" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c4;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baseball-face-mask" class="icon-di-baseball-face-mask"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baseball-face-mask" class="icon-di-baseball-face-mask"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baseball-face-mask" class="icon-di-baseball-face-mask"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baseball-face-mask" class="icon-di-baseball-face-mask"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baseball-face-mask" class="icon-di-baseball-face-mask"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baseball-face-mask" class="icon-di-baseball-face-mask"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baseball-face-mask" class="icon-di-baseball-face-mask"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baseball-face-mask" class="icon-di-baseball-face-mask"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baseball-face-mask" class="icon-di-baseball-face-mask"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baseball-face-mask" class="icon-di-baseball-face-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=".icon-di-baseball-face-mask" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c5;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baseball-field" class="icon-di-baseball-field"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baseball-field" class="icon-di-baseball-field"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baseball-field" class="icon-di-baseball-field"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baseball-field" class="icon-di-baseball-field"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baseball-field" class="icon-di-baseball-field"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baseball-field" class="icon-di-baseball-field"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baseball-field" class="icon-di-baseball-field"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baseball-field" class="icon-di-baseball-field"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baseball-field" class="icon-di-baseball-field"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baseball-field" class="icon-di-baseball-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=".icon-di-baseball-field" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c6;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baseball-glove" class="icon-di-baseball-glove"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baseball-glove" class="icon-di-baseball-glove"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baseball-glove" class="icon-di-baseball-glove"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baseball-glove" class="icon-di-baseball-glove"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baseball-glove" class="icon-di-baseball-glove"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baseball-glove" class="icon-di-baseball-glove"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baseball-glove" class="icon-di-baseball-glove"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baseball-glove" class="icon-di-baseball-glove"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baseball-glove" class="icon-di-baseball-glove"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baseball-glove" class="icon-di-baseball-glove"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-baseball-glove" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c7;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baseball-helmet" class="icon-di-baseball-helmet"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baseball-helmet" class="icon-di-baseball-helmet"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baseball-helmet" class="icon-di-baseball-helmet"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baseball-helmet" class="icon-di-baseball-helmet"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baseball-helmet" class="icon-di-baseball-helmet"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baseball-helmet" class="icon-di-baseball-helmet"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baseball-helmet" class="icon-di-baseball-helmet"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baseball-helmet" class="icon-di-baseball-helmet"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baseball-helmet" class="icon-di-baseball-helmet"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baseball-helmet" class="icon-di-baseball-helmet"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-baseball-helmet" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c8;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baseball-hitter" class="icon-di-baseball-hitter"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baseball-hitter" class="icon-di-baseball-hitter"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baseball-hitter" class="icon-di-baseball-hitter"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baseball-hitter" class="icon-di-baseball-hitter"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baseball-hitter" class="icon-di-baseball-hitter"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baseball-hitter" class="icon-di-baseball-hitter"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baseball-hitter" class="icon-di-baseball-hitter"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baseball-hitter" class="icon-di-baseball-hitter"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baseball-hitter" class="icon-di-baseball-hitter"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baseball-hitter" class="icon-di-baseball-hitter"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-baseball-hitter" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c9;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baseball-pitcher" class="icon-di-baseball-pitcher"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baseball-pitcher" class="icon-di-baseball-pitcher"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baseball-pitcher" class="icon-di-baseball-pitcher"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baseball-pitcher" class="icon-di-baseball-pitcher"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baseball-pitcher" class="icon-di-baseball-pitcher"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baseball-pitcher" class="icon-di-baseball-pitcher"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baseball-pitcher" class="icon-di-baseball-pitcher"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baseball-pitcher" class="icon-di-baseball-pitcher"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baseball-pitcher" class="icon-di-baseball-pitcher"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baseball-pitcher" class="icon-di-baseball-pitcher"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-baseball-pitcher" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ca;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baseball-player" class="icon-di-baseball-player"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baseball-player" class="icon-di-baseball-player"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baseball-player" class="icon-di-baseball-player"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baseball-player" class="icon-di-baseball-player"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baseball-player" class="icon-di-baseball-player"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baseball-player" class="icon-di-baseball-player"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baseball-player" class="icon-di-baseball-player"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baseball-player" class="icon-di-baseball-player"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baseball-player" class="icon-di-baseball-player"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baseball-player" class="icon-di-baseball-player"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-baseball-player" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1cb;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baseball-shirt" class="icon-di-baseball-shirt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baseball-shirt" class="icon-di-baseball-shirt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baseball-shirt" class="icon-di-baseball-shirt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baseball-shirt" class="icon-di-baseball-shirt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baseball-shirt" class="icon-di-baseball-shirt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baseball-shirt" class="icon-di-baseball-shirt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baseball-shirt" class="icon-di-baseball-shirt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baseball-shirt" class="icon-di-baseball-shirt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baseball-shirt" class="icon-di-baseball-shirt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baseball-shirt" class="icon-di-baseball-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=".icon-di-baseball-shirt" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1cc;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baseball-stadium" class="icon-di-baseball-stadium"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baseball-stadium" class="icon-di-baseball-stadium"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baseball-stadium" class="icon-di-baseball-stadium"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baseball-stadium" class="icon-di-baseball-stadium"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baseball-stadium" class="icon-di-baseball-stadium"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baseball-stadium" class="icon-di-baseball-stadium"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baseball-stadium" class="icon-di-baseball-stadium"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baseball-stadium" class="icon-di-baseball-stadium"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baseball-stadium" class="icon-di-baseball-stadium"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baseball-stadium" class="icon-di-baseball-stadium"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-baseball-stadium" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1cd;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baseball-throw-sign" class="icon-di-baseball-throw-sign"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baseball-throw-sign" class="icon-di-baseball-throw-sign"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baseball-throw-sign" class="icon-di-baseball-throw-sign"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baseball-throw-sign" class="icon-di-baseball-throw-sign"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baseball-throw-sign" class="icon-di-baseball-throw-sign"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baseball-throw-sign" class="icon-di-baseball-throw-sign"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baseball-throw-sign" class="icon-di-baseball-throw-sign"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baseball-throw-sign" class="icon-di-baseball-throw-sign"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baseball-throw-sign" class="icon-di-baseball-throw-sign"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baseball-throw-sign" class="icon-di-baseball-throw-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=".icon-di-baseball-throw-sign" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ce;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-baseball-trophy" class="icon-di-baseball-trophy"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-baseball-trophy" class="icon-di-baseball-trophy"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-baseball-trophy" class="icon-di-baseball-trophy"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-baseball-trophy" class="icon-di-baseball-trophy"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-baseball-trophy" class="icon-di-baseball-trophy"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-baseball-trophy" class="icon-di-baseball-trophy"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-baseball-trophy" class="icon-di-baseball-trophy"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-baseball-trophy" class="icon-di-baseball-trophy"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-baseball-trophy" class="icon-di-baseball-trophy"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-baseball-trophy" class="icon-di-baseball-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=".icon-di-baseball-trophy" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1cf;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-basketball" class="icon-di-basketball"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-basketball" class="icon-di-basketball"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-basketball" class="icon-di-basketball"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-basketball" class="icon-di-basketball"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-basketball" class="icon-di-basketball"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-basketball" class="icon-di-basketball"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-basketball" class="icon-di-basketball"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-basketball" class="icon-di-basketball"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-basketball" class="icon-di-basketball"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-basketball" class="icon-di-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=".icon-di-basketball" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d0;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bass-guitar" class="icon-di-bass-guitar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bass-guitar" class="icon-di-bass-guitar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bass-guitar" class="icon-di-bass-guitar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bass-guitar" class="icon-di-bass-guitar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bass-guitar" class="icon-di-bass-guitar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bass-guitar" class="icon-di-bass-guitar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bass-guitar" class="icon-di-bass-guitar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bass-guitar" class="icon-di-bass-guitar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bass-guitar" class="icon-di-bass-guitar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bass-guitar" class="icon-di-bass-guitar"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bass-guitar" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d1;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bathroom-faucet" class="icon-di-bathroom-faucet"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bathroom-faucet" class="icon-di-bathroom-faucet"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bathroom-faucet" class="icon-di-bathroom-faucet"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bathroom-faucet" class="icon-di-bathroom-faucet"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bathroom-faucet" class="icon-di-bathroom-faucet"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bathroom-faucet" class="icon-di-bathroom-faucet"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bathroom-faucet" class="icon-di-bathroom-faucet"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bathroom-faucet" class="icon-di-bathroom-faucet"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bathroom-faucet" class="icon-di-bathroom-faucet"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bathroom-faucet" class="icon-di-bathroom-faucet"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bathroom-faucet" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d2;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bathtub" class="icon-di-bathtub"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bathtub" class="icon-di-bathtub"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bathtub" class="icon-di-bathtub"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bathtub" class="icon-di-bathtub"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bathtub" class="icon-di-bathtub"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bathtub" class="icon-di-bathtub"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bathtub" class="icon-di-bathtub"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bathtub" class="icon-di-bathtub"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bathtub" class="icon-di-bathtub"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bathtub" class="icon-di-bathtub"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bathtub" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d3;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bats" class="icon-di-bats"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bats" class="icon-di-bats"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bats" class="icon-di-bats"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bats" class="icon-di-bats"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bats" class="icon-di-bats"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bats" class="icon-di-bats"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bats" class="icon-di-bats"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bats" class="icon-di-bats"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bats" class="icon-di-bats"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bats" class="icon-di-bats"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bats" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d4;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-battery-charging" class="icon-di-battery-charging"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-battery-charging" class="icon-di-battery-charging"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-battery-charging" class="icon-di-battery-charging"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-battery-charging" class="icon-di-battery-charging"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-battery-charging" class="icon-di-battery-charging"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-battery-charging" class="icon-di-battery-charging"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-battery-charging" class="icon-di-battery-charging"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-battery-charging" class="icon-di-battery-charging"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-battery-charging" class="icon-di-battery-charging"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-battery-charging" class="icon-di-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=".icon-di-battery-charging" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d5;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-battery-jolt" class="icon-di-battery-jolt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-battery-jolt" class="icon-di-battery-jolt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-battery-jolt" class="icon-di-battery-jolt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-battery-jolt" class="icon-di-battery-jolt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-battery-jolt" class="icon-di-battery-jolt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-battery-jolt" class="icon-di-battery-jolt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-battery-jolt" class="icon-di-battery-jolt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-battery-jolt" class="icon-di-battery-jolt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-battery-jolt" class="icon-di-battery-jolt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-battery-jolt" class="icon-di-battery-jolt"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-battery-jolt" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d6;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-battery-recycling" class="icon-di-battery-recycling"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-battery-recycling" class="icon-di-battery-recycling"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-battery-recycling" class="icon-di-battery-recycling"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-battery-recycling" class="icon-di-battery-recycling"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-battery-recycling" class="icon-di-battery-recycling"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-battery-recycling" class="icon-di-battery-recycling"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-battery-recycling" class="icon-di-battery-recycling"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-battery-recycling" class="icon-di-battery-recycling"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-battery-recycling" class="icon-di-battery-recycling"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-battery-recycling" class="icon-di-battery-recycling"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-battery-recycling" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d7;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-beach-ball" class="icon-di-beach-ball"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-beach-ball" class="icon-di-beach-ball"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-beach-ball" class="icon-di-beach-ball"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-beach-ball" class="icon-di-beach-ball"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-beach-ball" class="icon-di-beach-ball"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-beach-ball" class="icon-di-beach-ball"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-beach-ball" class="icon-di-beach-ball"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-beach-ball" class="icon-di-beach-ball"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-beach-ball" class="icon-di-beach-ball"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-beach-ball" class="icon-di-beach-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=".icon-di-beach-ball" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d8;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-beach-house" class="icon-di-beach-house"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-beach-house" class="icon-di-beach-house"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-beach-house" class="icon-di-beach-house"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-beach-house" class="icon-di-beach-house"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-beach-house" class="icon-di-beach-house"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-beach-house" class="icon-di-beach-house"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-beach-house" class="icon-di-beach-house"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-beach-house" class="icon-di-beach-house"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-beach-house" class="icon-di-beach-house"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-beach-house" class="icon-di-beach-house"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-beach-house" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d9;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bear" class="icon-di-bear"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bear" class="icon-di-bear"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bear" class="icon-di-bear"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bear" class="icon-di-bear"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bear" class="icon-di-bear"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bear" class="icon-di-bear"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bear" class="icon-di-bear"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bear" class="icon-di-bear"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bear" class="icon-di-bear"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bear" class="icon-di-bear"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bear" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1da;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bed" class="icon-di-bed"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bed" class="icon-di-bed"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bed" class="icon-di-bed"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bed" class="icon-di-bed"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bed" class="icon-di-bed"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bed" class="icon-di-bed"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bed" class="icon-di-bed"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bed" class="icon-di-bed"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bed" class="icon-di-bed"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bed" class="icon-di-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=".icon-di-bed" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1db;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bee" class="icon-di-bee"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bee" class="icon-di-bee"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bee" class="icon-di-bee"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bee" class="icon-di-bee"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bee" class="icon-di-bee"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bee" class="icon-di-bee"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bee" class="icon-di-bee"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bee" class="icon-di-bee"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bee" class="icon-di-bee"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bee" class="icon-di-bee"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bee" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1dc;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-beer" class="icon-di-beer"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-beer" class="icon-di-beer"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-beer" class="icon-di-beer"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-beer" class="icon-di-beer"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-beer" class="icon-di-beer"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-beer" class="icon-di-beer"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-beer" class="icon-di-beer"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-beer" class="icon-di-beer"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-beer" class="icon-di-beer"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-beer" class="icon-di-beer"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-beer" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1dd;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-beer-glass" class="icon-di-beer-glass"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-beer-glass" class="icon-di-beer-glass"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-beer-glass" class="icon-di-beer-glass"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-beer-glass" class="icon-di-beer-glass"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-beer-glass" class="icon-di-beer-glass"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-beer-glass" class="icon-di-beer-glass"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-beer-glass" class="icon-di-beer-glass"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-beer-glass" class="icon-di-beer-glass"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-beer-glass" class="icon-di-beer-glass"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-beer-glass" class="icon-di-beer-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=".icon-di-beer-glass" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1de;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-beer-mug" class="icon-di-beer-mug"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-beer-mug" class="icon-di-beer-mug"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-beer-mug" class="icon-di-beer-mug"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-beer-mug" class="icon-di-beer-mug"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-beer-mug" class="icon-di-beer-mug"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-beer-mug" class="icon-di-beer-mug"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-beer-mug" class="icon-di-beer-mug"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-beer-mug" class="icon-di-beer-mug"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-beer-mug" class="icon-di-beer-mug"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-beer-mug" class="icon-di-beer-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=".icon-di-beer-mug" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1df;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bell" class="icon-di-bell"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bell" class="icon-di-bell"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bell" class="icon-di-bell"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bell" class="icon-di-bell"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bell" class="icon-di-bell"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bell" class="icon-di-bell"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bell" class="icon-di-bell"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bell" class="icon-di-bell"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bell" class="icon-di-bell"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bell" class="icon-di-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=".icon-di-bell" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e0;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bell-tree-ornament" class="icon-di-bell-tree-ornament"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bell-tree-ornament" class="icon-di-bell-tree-ornament"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bell-tree-ornament" class="icon-di-bell-tree-ornament"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bell-tree-ornament" class="icon-di-bell-tree-ornament"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bell-tree-ornament" class="icon-di-bell-tree-ornament"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bell-tree-ornament" class="icon-di-bell-tree-ornament"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bell-tree-ornament" class="icon-di-bell-tree-ornament"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bell-tree-ornament" class="icon-di-bell-tree-ornament"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bell-tree-ornament" class="icon-di-bell-tree-ornament"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bell-tree-ornament" class="icon-di-bell-tree-ornament"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bell-tree-ornament" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e1;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bellman" class="icon-di-bellman"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bellman" class="icon-di-bellman"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bellman" class="icon-di-bellman"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bellman" class="icon-di-bellman"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bellman" class="icon-di-bellman"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bellman" class="icon-di-bellman"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bellman" class="icon-di-bellman"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bellman" class="icon-di-bellman"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bellman" class="icon-di-bellman"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bellman" class="icon-di-bellman"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bellman" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e2;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-belt" class="icon-di-belt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-belt" class="icon-di-belt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-belt" class="icon-di-belt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-belt" class="icon-di-belt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-belt" class="icon-di-belt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-belt" class="icon-di-belt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-belt" class="icon-di-belt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-belt" class="icon-di-belt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-belt" class="icon-di-belt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-belt" class="icon-di-belt"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-belt" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e3;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bib" class="icon-di-bib"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bib" class="icon-di-bib"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bib" class="icon-di-bib"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bib" class="icon-di-bib"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bib" class="icon-di-bib"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bib" class="icon-di-bib"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bib" class="icon-di-bib"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bib" class="icon-di-bib"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bib" class="icon-di-bib"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bib" class="icon-di-bib"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bib" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e4;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bicycle" class="icon-di-bicycle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bicycle" class="icon-di-bicycle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bicycle" class="icon-di-bicycle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bicycle" class="icon-di-bicycle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bicycle" class="icon-di-bicycle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bicycle" class="icon-di-bicycle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bicycle" class="icon-di-bicycle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bicycle" class="icon-di-bicycle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bicycle" class="icon-di-bicycle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bicycle" class="icon-di-bicycle"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bicycle" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e5;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bifold-wallet" class="icon-di-bifold-wallet"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bifold-wallet" class="icon-di-bifold-wallet"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bifold-wallet" class="icon-di-bifold-wallet"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bifold-wallet" class="icon-di-bifold-wallet"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bifold-wallet" class="icon-di-bifold-wallet"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bifold-wallet" class="icon-di-bifold-wallet"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bifold-wallet" class="icon-di-bifold-wallet"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bifold-wallet" class="icon-di-bifold-wallet"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bifold-wallet" class="icon-di-bifold-wallet"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bifold-wallet" class="icon-di-bifold-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=".icon-di-bifold-wallet" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e6;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-big-ben" class="icon-di-big-ben"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-big-ben" class="icon-di-big-ben"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-big-ben" class="icon-di-big-ben"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-big-ben" class="icon-di-big-ben"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-big-ben" class="icon-di-big-ben"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-big-ben" class="icon-di-big-ben"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-big-ben" class="icon-di-big-ben"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-big-ben" class="icon-di-big-ben"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-big-ben" class="icon-di-big-ben"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-big-ben" class="icon-di-big-ben"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-big-ben" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e7;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-binary-search" class="icon-di-binary-search"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-binary-search" class="icon-di-binary-search"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-binary-search" class="icon-di-binary-search"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-binary-search" class="icon-di-binary-search"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-binary-search" class="icon-di-binary-search"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-binary-search" class="icon-di-binary-search"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-binary-search" class="icon-di-binary-search"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-binary-search" class="icon-di-binary-search"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-binary-search" class="icon-di-binary-search"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-binary-search" class="icon-di-binary-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=".icon-di-binary-search" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e8;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-binders" class="icon-di-binders"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-binders" class="icon-di-binders"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-binders" class="icon-di-binders"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-binders" class="icon-di-binders"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-binders" class="icon-di-binders"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-binders" class="icon-di-binders"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-binders" class="icon-di-binders"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-binders" class="icon-di-binders"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-binders" class="icon-di-binders"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-binders" class="icon-di-binders"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-binders" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e9;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bingo-card" class="icon-di-bingo-card"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bingo-card" class="icon-di-bingo-card"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bingo-card" class="icon-di-bingo-card"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bingo-card" class="icon-di-bingo-card"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bingo-card" class="icon-di-bingo-card"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bingo-card" class="icon-di-bingo-card"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bingo-card" class="icon-di-bingo-card"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bingo-card" class="icon-di-bingo-card"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bingo-card" class="icon-di-bingo-card"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bingo-card" class="icon-di-bingo-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=".icon-di-bingo-card" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ea;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-binoculars" class="icon-di-binoculars"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-binoculars" class="icon-di-binoculars"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-binoculars" class="icon-di-binoculars"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-binoculars" class="icon-di-binoculars"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-binoculars" class="icon-di-binoculars"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-binoculars" class="icon-di-binoculars"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-binoculars" class="icon-di-binoculars"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-binoculars" class="icon-di-binoculars"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-binoculars" class="icon-di-binoculars"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-binoculars" class="icon-di-binoculars"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-binoculars" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1eb;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-biohazard" class="icon-di-biohazard"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-biohazard" class="icon-di-biohazard"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-biohazard" class="icon-di-biohazard"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-biohazard" class="icon-di-biohazard"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-biohazard" class="icon-di-biohazard"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-biohazard" class="icon-di-biohazard"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-biohazard" class="icon-di-biohazard"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-biohazard" class="icon-di-biohazard"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-biohazard" class="icon-di-biohazard"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-biohazard" class="icon-di-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=".icon-di-biohazard" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ec;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bird-flying" class="icon-di-bird-flying"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bird-flying" class="icon-di-bird-flying"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bird-flying" class="icon-di-bird-flying"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bird-flying" class="icon-di-bird-flying"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bird-flying" class="icon-di-bird-flying"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bird-flying" class="icon-di-bird-flying"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bird-flying" class="icon-di-bird-flying"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bird-flying" class="icon-di-bird-flying"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bird-flying" class="icon-di-bird-flying"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bird-flying" class="icon-di-bird-flying"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bird-flying" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ed;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bird-house" class="icon-di-bird-house"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bird-house" class="icon-di-bird-house"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bird-house" class="icon-di-bird-house"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bird-house" class="icon-di-bird-house"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bird-house" class="icon-di-bird-house"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bird-house" class="icon-di-bird-house"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bird-house" class="icon-di-bird-house"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bird-house" class="icon-di-bird-house"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bird-house" class="icon-di-bird-house"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bird-house" class="icon-di-bird-house"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bird-house" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ee;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bird-message" class="icon-di-bird-message"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bird-message" class="icon-di-bird-message"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bird-message" class="icon-di-bird-message"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bird-message" class="icon-di-bird-message"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bird-message" class="icon-di-bird-message"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bird-message" class="icon-di-bird-message"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bird-message" class="icon-di-bird-message"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bird-message" class="icon-di-bird-message"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bird-message" class="icon-di-bird-message"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bird-message" class="icon-di-bird-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=".icon-di-bird-message" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ef;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bird-note" class="icon-di-bird-note"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bird-note" class="icon-di-bird-note"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bird-note" class="icon-di-bird-note"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bird-note" class="icon-di-bird-note"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bird-note" class="icon-di-bird-note"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bird-note" class="icon-di-bird-note"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bird-note" class="icon-di-bird-note"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bird-note" class="icon-di-bird-note"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bird-note" class="icon-di-bird-note"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bird-note" class="icon-di-bird-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=".icon-di-bird-note" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f0;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bird-worm" class="icon-di-bird-worm"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bird-worm" class="icon-di-bird-worm"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bird-worm" class="icon-di-bird-worm"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bird-worm" class="icon-di-bird-worm"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bird-worm" class="icon-di-bird-worm"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bird-worm" class="icon-di-bird-worm"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bird-worm" class="icon-di-bird-worm"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bird-worm" class="icon-di-bird-worm"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bird-worm" class="icon-di-bird-worm"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bird-worm" class="icon-di-bird-worm"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bird-worm" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f1;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-birdcage" class="icon-di-birdcage"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-birdcage" class="icon-di-birdcage"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-birdcage" class="icon-di-birdcage"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-birdcage" class="icon-di-birdcage"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-birdcage" class="icon-di-birdcage"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-birdcage" class="icon-di-birdcage"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-birdcage" class="icon-di-birdcage"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-birdcage" class="icon-di-birdcage"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-birdcage" class="icon-di-birdcage"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-birdcage" class="icon-di-birdcage"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-birdcage" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f2;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-birds-nest" class="icon-di-birds-nest"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-birds-nest" class="icon-di-birds-nest"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-birds-nest" class="icon-di-birds-nest"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-birds-nest" class="icon-di-birds-nest"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-birds-nest" class="icon-di-birds-nest"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-birds-nest" class="icon-di-birds-nest"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-birds-nest" class="icon-di-birds-nest"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-birds-nest" class="icon-di-birds-nest"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-birds-nest" class="icon-di-birds-nest"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-birds-nest" class="icon-di-birds-nest"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-birds-nest" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f3;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-birthday-cake-slice" class="icon-di-birthday-cake-slice"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-birthday-cake-slice" class="icon-di-birthday-cake-slice"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-birthday-cake-slice" class="icon-di-birthday-cake-slice"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-birthday-cake-slice" class="icon-di-birthday-cake-slice"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-birthday-cake-slice" class="icon-di-birthday-cake-slice"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-birthday-cake-slice" class="icon-di-birthday-cake-slice"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-birthday-cake-slice" class="icon-di-birthday-cake-slice"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-birthday-cake-slice" class="icon-di-birthday-cake-slice"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-birthday-cake-slice" class="icon-di-birthday-cake-slice"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-birthday-cake-slice" class="icon-di-birthday-cake-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=".icon-di-birthday-cake-slice" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f4;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-blackboard-abc" class="icon-di-blackboard-abc"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-blackboard-abc" class="icon-di-blackboard-abc"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-blackboard-abc" class="icon-di-blackboard-abc"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-blackboard-abc" class="icon-di-blackboard-abc"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-blackboard-abc" class="icon-di-blackboard-abc"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-blackboard-abc" class="icon-di-blackboard-abc"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-blackboard-abc" class="icon-di-blackboard-abc"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-blackboard-abc" class="icon-di-blackboard-abc"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-blackboard-abc" class="icon-di-blackboard-abc"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-blackboard-abc" class="icon-di-blackboard-abc"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-blackboard-abc" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f5;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-blackboard-emc2" class="icon-di-blackboard-emc2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-blackboard-emc2" class="icon-di-blackboard-emc2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-blackboard-emc2" class="icon-di-blackboard-emc2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-blackboard-emc2" class="icon-di-blackboard-emc2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-blackboard-emc2" class="icon-di-blackboard-emc2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-blackboard-emc2" class="icon-di-blackboard-emc2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-blackboard-emc2" class="icon-di-blackboard-emc2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-blackboard-emc2" class="icon-di-blackboard-emc2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-blackboard-emc2" class="icon-di-blackboard-emc2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-blackboard-emc2" class="icon-di-blackboard-emc2"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-blackboard-emc2" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f6;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-blender" class="icon-di-blender"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-blender" class="icon-di-blender"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-blender" class="icon-di-blender"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-blender" class="icon-di-blender"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-blender" class="icon-di-blender"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-blender" class="icon-di-blender"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-blender" class="icon-di-blender"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-blender" class="icon-di-blender"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-blender" class="icon-di-blender"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-blender" class="icon-di-blender"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-blender" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f7;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-blood-bag" class="icon-di-blood-bag"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-blood-bag" class="icon-di-blood-bag"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-blood-bag" class="icon-di-blood-bag"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-blood-bag" class="icon-di-blood-bag"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-blood-bag" class="icon-di-blood-bag"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-blood-bag" class="icon-di-blood-bag"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-blood-bag" class="icon-di-blood-bag"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-blood-bag" class="icon-di-blood-bag"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-blood-bag" class="icon-di-blood-bag"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-blood-bag" class="icon-di-blood-bag"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-blood-bag" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f8;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-blood-pressure-monitor" class="icon-di-blood-pressure-monitor"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-blood-pressure-monitor" class="icon-di-blood-pressure-monitor"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-blood-pressure-monitor" class="icon-di-blood-pressure-monitor"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-blood-pressure-monitor" class="icon-di-blood-pressure-monitor"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-blood-pressure-monitor" class="icon-di-blood-pressure-monitor"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-blood-pressure-monitor" class="icon-di-blood-pressure-monitor"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-blood-pressure-monitor" class="icon-di-blood-pressure-monitor"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-blood-pressure-monitor" class="icon-di-blood-pressure-monitor"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-blood-pressure-monitor" class="icon-di-blood-pressure-monitor"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-blood-pressure-monitor" class="icon-di-blood-pressure-monitor"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-blood-pressure-monitor" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f9;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-blood-sample" class="icon-di-blood-sample"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-blood-sample" class="icon-di-blood-sample"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-blood-sample" class="icon-di-blood-sample"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-blood-sample" class="icon-di-blood-sample"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-blood-sample" class="icon-di-blood-sample"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-blood-sample" class="icon-di-blood-sample"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-blood-sample" class="icon-di-blood-sample"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-blood-sample" class="icon-di-blood-sample"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-blood-sample" class="icon-di-blood-sample"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-blood-sample" class="icon-di-blood-sample"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-blood-sample" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fa;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-blossom" class="icon-di-blossom"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-blossom" class="icon-di-blossom"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-blossom" class="icon-di-blossom"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-blossom" class="icon-di-blossom"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-blossom" class="icon-di-blossom"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-blossom" class="icon-di-blossom"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-blossom" class="icon-di-blossom"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-blossom" class="icon-di-blossom"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-blossom" class="icon-di-blossom"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-blossom" class="icon-di-blossom"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-blossom" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fb;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-blueprint" class="icon-di-blueprint"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-blueprint" class="icon-di-blueprint"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-blueprint" class="icon-di-blueprint"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-blueprint" class="icon-di-blueprint"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-blueprint" class="icon-di-blueprint"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-blueprint" class="icon-di-blueprint"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-blueprint" class="icon-di-blueprint"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-blueprint" class="icon-di-blueprint"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-blueprint" class="icon-di-blueprint"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-blueprint" class="icon-di-blueprint"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-blueprint" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fc;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-boarding-passes" class="icon-di-boarding-passes"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-boarding-passes" class="icon-di-boarding-passes"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-boarding-passes" class="icon-di-boarding-passes"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-boarding-passes" class="icon-di-boarding-passes"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-boarding-passes" class="icon-di-boarding-passes"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-boarding-passes" class="icon-di-boarding-passes"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-boarding-passes" class="icon-di-boarding-passes"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-boarding-passes" class="icon-di-boarding-passes"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-boarding-passes" class="icon-di-boarding-passes"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-boarding-passes" class="icon-di-boarding-passes"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-boarding-passes" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fd;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-boat-propeller" class="icon-di-boat-propeller"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-boat-propeller" class="icon-di-boat-propeller"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-boat-propeller" class="icon-di-boat-propeller"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-boat-propeller" class="icon-di-boat-propeller"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-boat-propeller" class="icon-di-boat-propeller"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-boat-propeller" class="icon-di-boat-propeller"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-boat-propeller" class="icon-di-boat-propeller"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-boat-propeller" class="icon-di-boat-propeller"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-boat-propeller" class="icon-di-boat-propeller"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-boat-propeller" class="icon-di-boat-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=".icon-di-boat-propeller" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fe;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-boiled-egg-spoon" class="icon-di-boiled-egg-spoon"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-boiled-egg-spoon" class="icon-di-boiled-egg-spoon"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-boiled-egg-spoon" class="icon-di-boiled-egg-spoon"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-boiled-egg-spoon" class="icon-di-boiled-egg-spoon"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-boiled-egg-spoon" class="icon-di-boiled-egg-spoon"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-boiled-egg-spoon" class="icon-di-boiled-egg-spoon"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-boiled-egg-spoon" class="icon-di-boiled-egg-spoon"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-boiled-egg-spoon" class="icon-di-boiled-egg-spoon"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-boiled-egg-spoon" class="icon-di-boiled-egg-spoon"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-boiled-egg-spoon" class="icon-di-boiled-egg-spoon"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-boiled-egg-spoon" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ff;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bollard" class="icon-di-bollard"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bollard" class="icon-di-bollard"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bollard" class="icon-di-bollard"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bollard" class="icon-di-bollard"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bollard" class="icon-di-bollard"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bollard" class="icon-di-bollard"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bollard" class="icon-di-bollard"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bollard" class="icon-di-bollard"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bollard" class="icon-di-bollard"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bollard" class="icon-di-bollard"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bollard" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf200;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bomb" class="icon-di-bomb"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bomb" class="icon-di-bomb"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bomb" class="icon-di-bomb"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bomb" class="icon-di-bomb"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bomb" class="icon-di-bomb"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bomb" class="icon-di-bomb"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bomb" class="icon-di-bomb"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bomb" class="icon-di-bomb"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bomb" class="icon-di-bomb"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bomb" class="icon-di-bomb"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bomb" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf201;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bombs" class="icon-di-bombs"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bombs" class="icon-di-bombs"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bombs" class="icon-di-bombs"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bombs" class="icon-di-bombs"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bombs" class="icon-di-bombs"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bombs" class="icon-di-bombs"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bombs" class="icon-di-bombs"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bombs" class="icon-di-bombs"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bombs" class="icon-di-bombs"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bombs" class="icon-di-bombs"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bombs" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf202;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bone" class="icon-di-bone"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bone" class="icon-di-bone"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bone" class="icon-di-bone"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bone" class="icon-di-bone"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bone" class="icon-di-bone"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bone" class="icon-di-bone"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bone" class="icon-di-bone"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bone" class="icon-di-bone"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bone" class="icon-di-bone"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bone" class="icon-di-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=".icon-di-bone" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf203;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bonsai-tree" class="icon-di-bonsai-tree"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bonsai-tree" class="icon-di-bonsai-tree"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bonsai-tree" class="icon-di-bonsai-tree"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bonsai-tree" class="icon-di-bonsai-tree"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bonsai-tree" class="icon-di-bonsai-tree"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bonsai-tree" class="icon-di-bonsai-tree"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bonsai-tree" class="icon-di-bonsai-tree"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bonsai-tree" class="icon-di-bonsai-tree"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bonsai-tree" class="icon-di-bonsai-tree"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bonsai-tree" class="icon-di-bonsai-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=".icon-di-bonsai-tree" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf204;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-book" class="icon-di-book"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-book" class="icon-di-book"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-book" class="icon-di-book"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-book" class="icon-di-book"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-book" class="icon-di-book"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-book" class="icon-di-book"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-book" class="icon-di-book"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-book" class="icon-di-book"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-book" class="icon-di-book"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-book" class="icon-di-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=".icon-di-book" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf205;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-book-bookmark" class="icon-di-book-bookmark"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-book-bookmark" class="icon-di-book-bookmark"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-book-bookmark" class="icon-di-book-bookmark"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-book-bookmark" class="icon-di-book-bookmark"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-book-bookmark" class="icon-di-book-bookmark"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-book-bookmark" class="icon-di-book-bookmark"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-book-bookmark" class="icon-di-book-bookmark"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-book-bookmark" class="icon-di-book-bookmark"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-book-bookmark" class="icon-di-book-bookmark"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-book-bookmark" class="icon-di-book-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=".icon-di-book-bookmark" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf206;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-boot" class="icon-di-boot"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-boot" class="icon-di-boot"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-boot" class="icon-di-boot"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-boot" class="icon-di-boot"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-boot" class="icon-di-boot"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-boot" class="icon-di-boot"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-boot" class="icon-di-boot"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-boot" class="icon-di-boot"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-boot" class="icon-di-boot"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-boot" class="icon-di-boot"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-boot" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf207;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bottle" class="icon-di-bottle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bottle" class="icon-di-bottle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bottle" class="icon-di-bottle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bottle" class="icon-di-bottle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bottle" class="icon-di-bottle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bottle" class="icon-di-bottle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bottle" class="icon-di-bottle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bottle" class="icon-di-bottle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bottle" class="icon-di-bottle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bottle" class="icon-di-bottle"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bottle" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf208;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bottle-opener" class="icon-di-bottle-opener"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bottle-opener" class="icon-di-bottle-opener"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bottle-opener" class="icon-di-bottle-opener"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bottle-opener" class="icon-di-bottle-opener"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bottle-opener" class="icon-di-bottle-opener"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bottle-opener" class="icon-di-bottle-opener"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bottle-opener" class="icon-di-bottle-opener"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bottle-opener" class="icon-di-bottle-opener"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bottle-opener" class="icon-di-bottle-opener"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bottle-opener" class="icon-di-bottle-opener"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bottle-opener" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf209;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bottle-recycling" class="icon-di-bottle-recycling"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bottle-recycling" class="icon-di-bottle-recycling"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bottle-recycling" class="icon-di-bottle-recycling"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bottle-recycling" class="icon-di-bottle-recycling"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bottle-recycling" class="icon-di-bottle-recycling"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bottle-recycling" class="icon-di-bottle-recycling"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bottle-recycling" class="icon-di-bottle-recycling"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bottle-recycling" class="icon-di-bottle-recycling"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bottle-recycling" class="icon-di-bottle-recycling"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bottle-recycling" class="icon-di-bottle-recycling"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bottle-recycling" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20a;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bow-arrow" class="icon-di-bow-arrow"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bow-arrow" class="icon-di-bow-arrow"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bow-arrow" class="icon-di-bow-arrow"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bow-arrow" class="icon-di-bow-arrow"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bow-arrow" class="icon-di-bow-arrow"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bow-arrow" class="icon-di-bow-arrow"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bow-arrow" class="icon-di-bow-arrow"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bow-arrow" class="icon-di-bow-arrow"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bow-arrow" class="icon-di-bow-arrow"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bow-arrow" class="icon-di-bow-arrow"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bow-arrow" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20b;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bow-saw" class="icon-di-bow-saw"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bow-saw" class="icon-di-bow-saw"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bow-saw" class="icon-di-bow-saw"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bow-saw" class="icon-di-bow-saw"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bow-saw" class="icon-di-bow-saw"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bow-saw" class="icon-di-bow-saw"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bow-saw" class="icon-di-bow-saw"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bow-saw" class="icon-di-bow-saw"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bow-saw" class="icon-di-bow-saw"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bow-saw" class="icon-di-bow-saw"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bow-saw" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20c;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bowler-hat-cane" class="icon-di-bowler-hat-cane"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bowler-hat-cane" class="icon-di-bowler-hat-cane"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bowler-hat-cane" class="icon-di-bowler-hat-cane"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bowler-hat-cane" class="icon-di-bowler-hat-cane"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bowler-hat-cane" class="icon-di-bowler-hat-cane"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bowler-hat-cane" class="icon-di-bowler-hat-cane"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bowler-hat-cane" class="icon-di-bowler-hat-cane"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bowler-hat-cane" class="icon-di-bowler-hat-cane"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bowler-hat-cane" class="icon-di-bowler-hat-cane"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bowler-hat-cane" class="icon-di-bowler-hat-cane"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bowler-hat-cane" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20d;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bowler-hat-umbrella" class="icon-di-bowler-hat-umbrella"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bowler-hat-umbrella" class="icon-di-bowler-hat-umbrella"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bowler-hat-umbrella" class="icon-di-bowler-hat-umbrella"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bowler-hat-umbrella" class="icon-di-bowler-hat-umbrella"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bowler-hat-umbrella" class="icon-di-bowler-hat-umbrella"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bowler-hat-umbrella" class="icon-di-bowler-hat-umbrella"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bowler-hat-umbrella" class="icon-di-bowler-hat-umbrella"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bowler-hat-umbrella" class="icon-di-bowler-hat-umbrella"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bowler-hat-umbrella" class="icon-di-bowler-hat-umbrella"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bowler-hat-umbrella" class="icon-di-bowler-hat-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=".icon-di-bowler-hat-umbrella" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20e;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bowling-ball-pin" class="icon-di-bowling-ball-pin"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bowling-ball-pin" class="icon-di-bowling-ball-pin"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bowling-ball-pin" class="icon-di-bowling-ball-pin"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bowling-ball-pin" class="icon-di-bowling-ball-pin"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bowling-ball-pin" class="icon-di-bowling-ball-pin"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bowling-ball-pin" class="icon-di-bowling-ball-pin"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bowling-ball-pin" class="icon-di-bowling-ball-pin"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bowling-ball-pin" class="icon-di-bowling-ball-pin"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bowling-ball-pin" class="icon-di-bowling-ball-pin"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bowling-ball-pin" class="icon-di-bowling-ball-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=".icon-di-bowling-ball-pin" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20f;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bowling-pin" class="icon-di-bowling-pin"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bowling-pin" class="icon-di-bowling-pin"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bowling-pin" class="icon-di-bowling-pin"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bowling-pin" class="icon-di-bowling-pin"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bowling-pin" class="icon-di-bowling-pin"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bowling-pin" class="icon-di-bowling-pin"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bowling-pin" class="icon-di-bowling-pin"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bowling-pin" class="icon-di-bowling-pin"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bowling-pin" class="icon-di-bowling-pin"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bowling-pin" class="icon-di-bowling-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=".icon-di-bowling-pin" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf210;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-box-barcode" class="icon-di-box-barcode"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-box-barcode" class="icon-di-box-barcode"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-box-barcode" class="icon-di-box-barcode"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-box-barcode" class="icon-di-box-barcode"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-box-barcode" class="icon-di-box-barcode"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-box-barcode" class="icon-di-box-barcode"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-box-barcode" class="icon-di-box-barcode"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-box-barcode" class="icon-di-box-barcode"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-box-barcode" class="icon-di-box-barcode"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-box-barcode" class="icon-di-box-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=".icon-di-box-barcode" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf211;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-box-recycling" class="icon-di-box-recycling"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-box-recycling" class="icon-di-box-recycling"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-box-recycling" class="icon-di-box-recycling"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-box-recycling" class="icon-di-box-recycling"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-box-recycling" class="icon-di-box-recycling"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-box-recycling" class="icon-di-box-recycling"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-box-recycling" class="icon-di-box-recycling"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-box-recycling" class="icon-di-box-recycling"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-box-recycling" class="icon-di-box-recycling"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-box-recycling" class="icon-di-box-recycling"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-box-recycling" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf212;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-box-upright-sign" class="icon-di-box-upright-sign"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-box-upright-sign" class="icon-di-box-upright-sign"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-box-upright-sign" class="icon-di-box-upright-sign"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-box-upright-sign" class="icon-di-box-upright-sign"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-box-upright-sign" class="icon-di-box-upright-sign"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-box-upright-sign" class="icon-di-box-upright-sign"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-box-upright-sign" class="icon-di-box-upright-sign"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-box-upright-sign" class="icon-di-box-upright-sign"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-box-upright-sign" class="icon-di-box-upright-sign"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-box-upright-sign" class="icon-di-box-upright-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=".icon-di-box-upright-sign" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf213;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-boxing-glove" class="icon-di-boxing-glove"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-boxing-glove" class="icon-di-boxing-glove"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-boxing-glove" class="icon-di-boxing-glove"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-boxing-glove" class="icon-di-boxing-glove"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-boxing-glove" class="icon-di-boxing-glove"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-boxing-glove" class="icon-di-boxing-glove"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-boxing-glove" class="icon-di-boxing-glove"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-boxing-glove" class="icon-di-boxing-glove"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-boxing-glove" class="icon-di-boxing-glove"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-boxing-glove" class="icon-di-boxing-glove"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-boxing-glove" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf214;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bra" class="icon-di-bra"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bra" class="icon-di-bra"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bra" class="icon-di-bra"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bra" class="icon-di-bra"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bra" class="icon-di-bra"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bra" class="icon-di-bra"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bra" class="icon-di-bra"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bra" class="icon-di-bra"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bra" class="icon-di-bra"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bra" class="icon-di-bra"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bra" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf215;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-braille" class="icon-di-braille"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-braille" class="icon-di-braille"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-braille" class="icon-di-braille"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-braille" class="icon-di-braille"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-braille" class="icon-di-braille"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-braille" class="icon-di-braille"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-braille" class="icon-di-braille"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-braille" class="icon-di-braille"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-braille" class="icon-di-braille"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-braille" class="icon-di-braille"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-braille" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf216;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-brain" class="icon-di-brain"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-brain" class="icon-di-brain"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-brain" class="icon-di-brain"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-brain" class="icon-di-brain"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-brain" class="icon-di-brain"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-brain" class="icon-di-brain"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-brain" class="icon-di-brain"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-brain" class="icon-di-brain"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-brain" class="icon-di-brain"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-brain" class="icon-di-brain"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-brain" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf217;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-brandenburg-gate" class="icon-di-brandenburg-gate"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-brandenburg-gate" class="icon-di-brandenburg-gate"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-brandenburg-gate" class="icon-di-brandenburg-gate"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-brandenburg-gate" class="icon-di-brandenburg-gate"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-brandenburg-gate" class="icon-di-brandenburg-gate"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-brandenburg-gate" class="icon-di-brandenburg-gate"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-brandenburg-gate" class="icon-di-brandenburg-gate"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-brandenburg-gate" class="icon-di-brandenburg-gate"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-brandenburg-gate" class="icon-di-brandenburg-gate"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-brandenburg-gate" class="icon-di-brandenburg-gate"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-brandenburg-gate" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf218;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bread-loaf" class="icon-di-bread-loaf"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bread-loaf" class="icon-di-bread-loaf"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bread-loaf" class="icon-di-bread-loaf"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bread-loaf" class="icon-di-bread-loaf"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bread-loaf" class="icon-di-bread-loaf"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bread-loaf" class="icon-di-bread-loaf"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bread-loaf" class="icon-di-bread-loaf"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bread-loaf" class="icon-di-bread-loaf"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bread-loaf" class="icon-di-bread-loaf"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bread-loaf" class="icon-di-bread-loaf"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bread-loaf" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf219;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bride" class="icon-di-bride"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bride" class="icon-di-bride"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bride" class="icon-di-bride"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bride" class="icon-di-bride"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bride" class="icon-di-bride"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bride" class="icon-di-bride"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bride" class="icon-di-bride"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bride" class="icon-di-bride"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bride" class="icon-di-bride"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bride" class="icon-di-bride"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bride" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21a;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-briefcase-double" class="icon-di-briefcase-double"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-briefcase-double" class="icon-di-briefcase-double"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-briefcase-double" class="icon-di-briefcase-double"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-briefcase-double" class="icon-di-briefcase-double"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-briefcase-double" class="icon-di-briefcase-double"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-briefcase-double" class="icon-di-briefcase-double"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-briefcase-double" class="icon-di-briefcase-double"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-briefcase-double" class="icon-di-briefcase-double"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-briefcase-double" class="icon-di-briefcase-double"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-briefcase-double" class="icon-di-briefcase-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=".icon-di-briefcase-double" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21b;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-briefcase-single" class="icon-di-briefcase-single"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-briefcase-single" class="icon-di-briefcase-single"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-briefcase-single" class="icon-di-briefcase-single"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-briefcase-single" class="icon-di-briefcase-single"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-briefcase-single" class="icon-di-briefcase-single"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-briefcase-single" class="icon-di-briefcase-single"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-briefcase-single" class="icon-di-briefcase-single"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-briefcase-single" class="icon-di-briefcase-single"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-briefcase-single" class="icon-di-briefcase-single"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-briefcase-single" class="icon-di-briefcase-single"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-briefcase-single" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21c;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-british-crown" class="icon-di-british-crown"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-british-crown" class="icon-di-british-crown"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-british-crown" class="icon-di-british-crown"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-british-crown" class="icon-di-british-crown"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-british-crown" class="icon-di-british-crown"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-british-crown" class="icon-di-british-crown"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-british-crown" class="icon-di-british-crown"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-british-crown" class="icon-di-british-crown"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-british-crown" class="icon-di-british-crown"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-british-crown" class="icon-di-british-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=".icon-di-british-crown" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21d;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-british-phone-booth" class="icon-di-british-phone-booth"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-british-phone-booth" class="icon-di-british-phone-booth"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-british-phone-booth" class="icon-di-british-phone-booth"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-british-phone-booth" class="icon-di-british-phone-booth"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-british-phone-booth" class="icon-di-british-phone-booth"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-british-phone-booth" class="icon-di-british-phone-booth"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-british-phone-booth" class="icon-di-british-phone-booth"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-british-phone-booth" class="icon-di-british-phone-booth"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-british-phone-booth" class="icon-di-british-phone-booth"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-british-phone-booth" class="icon-di-british-phone-booth"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-british-phone-booth" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21e;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-british-police-officer" class="icon-di-british-police-officer"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-british-police-officer" class="icon-di-british-police-officer"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-british-police-officer" class="icon-di-british-police-officer"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-british-police-officer" class="icon-di-british-police-officer"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-british-police-officer" class="icon-di-british-police-officer"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-british-police-officer" class="icon-di-british-police-officer"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-british-police-officer" class="icon-di-british-police-officer"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-british-police-officer" class="icon-di-british-police-officer"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-british-police-officer" class="icon-di-british-police-officer"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-british-police-officer" class="icon-di-british-police-officer"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-british-police-officer" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21f;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-british-taxicab" class="icon-di-british-taxicab"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-british-taxicab" class="icon-di-british-taxicab"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-british-taxicab" class="icon-di-british-taxicab"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-british-taxicab" class="icon-di-british-taxicab"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-british-taxicab" class="icon-di-british-taxicab"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-british-taxicab" class="icon-di-british-taxicab"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-british-taxicab" class="icon-di-british-taxicab"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-british-taxicab" class="icon-di-british-taxicab"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-british-taxicab" class="icon-di-british-taxicab"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-british-taxicab" class="icon-di-british-taxicab"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-british-taxicab" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf220;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-broccoli" class="icon-di-broccoli"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-broccoli" class="icon-di-broccoli"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-broccoli" class="icon-di-broccoli"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-broccoli" class="icon-di-broccoli"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-broccoli" class="icon-di-broccoli"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-broccoli" class="icon-di-broccoli"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-broccoli" class="icon-di-broccoli"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-broccoli" class="icon-di-broccoli"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-broccoli" class="icon-di-broccoli"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-broccoli" class="icon-di-broccoli"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-broccoli" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf221;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-broken-arm" class="icon-di-broken-arm"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-broken-arm" class="icon-di-broken-arm"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-broken-arm" class="icon-di-broken-arm"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-broken-arm" class="icon-di-broken-arm"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-broken-arm" class="icon-di-broken-arm"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-broken-arm" class="icon-di-broken-arm"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-broken-arm" class="icon-di-broken-arm"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-broken-arm" class="icon-di-broken-arm"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-broken-arm" class="icon-di-broken-arm"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-broken-arm" class="icon-di-broken-arm"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-broken-arm" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf222;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-broken-bottle" class="icon-di-broken-bottle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-broken-bottle" class="icon-di-broken-bottle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-broken-bottle" class="icon-di-broken-bottle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-broken-bottle" class="icon-di-broken-bottle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-broken-bottle" class="icon-di-broken-bottle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-broken-bottle" class="icon-di-broken-bottle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-broken-bottle" class="icon-di-broken-bottle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-broken-bottle" class="icon-di-broken-bottle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-broken-bottle" class="icon-di-broken-bottle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-broken-bottle" class="icon-di-broken-bottle"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-broken-bottle" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf223;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-broken-glass" class="icon-di-broken-glass"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-broken-glass" class="icon-di-broken-glass"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-broken-glass" class="icon-di-broken-glass"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-broken-glass" class="icon-di-broken-glass"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-broken-glass" class="icon-di-broken-glass"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-broken-glass" class="icon-di-broken-glass"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-broken-glass" class="icon-di-broken-glass"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-broken-glass" class="icon-di-broken-glass"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-broken-glass" class="icon-di-broken-glass"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-broken-glass" class="icon-di-broken-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=".icon-di-broken-glass" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf224;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-broken-glasses" class="icon-di-broken-glasses"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-broken-glasses" class="icon-di-broken-glasses"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-broken-glasses" class="icon-di-broken-glasses"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-broken-glasses" class="icon-di-broken-glasses"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-broken-glasses" class="icon-di-broken-glasses"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-broken-glasses" class="icon-di-broken-glasses"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-broken-glasses" class="icon-di-broken-glasses"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-broken-glasses" class="icon-di-broken-glasses"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-broken-glasses" class="icon-di-broken-glasses"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-broken-glasses" class="icon-di-broken-glasses"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-broken-glasses" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf225;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-broken-vase" class="icon-di-broken-vase"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-broken-vase" class="icon-di-broken-vase"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-broken-vase" class="icon-di-broken-vase"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-broken-vase" class="icon-di-broken-vase"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-broken-vase" class="icon-di-broken-vase"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-broken-vase" class="icon-di-broken-vase"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-broken-vase" class="icon-di-broken-vase"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-broken-vase" class="icon-di-broken-vase"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-broken-vase" class="icon-di-broken-vase"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-broken-vase" class="icon-di-broken-vase"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-broken-vase" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf226;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bucket-foam" class="icon-di-bucket-foam"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bucket-foam" class="icon-di-bucket-foam"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bucket-foam" class="icon-di-bucket-foam"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bucket-foam" class="icon-di-bucket-foam"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bucket-foam" class="icon-di-bucket-foam"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bucket-foam" class="icon-di-bucket-foam"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bucket-foam" class="icon-di-bucket-foam"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bucket-foam" class="icon-di-bucket-foam"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bucket-foam" class="icon-di-bucket-foam"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bucket-foam" class="icon-di-bucket-foam"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bucket-foam" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf227;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bucket-water" class="icon-di-bucket-water"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bucket-water" class="icon-di-bucket-water"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bucket-water" class="icon-di-bucket-water"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bucket-water" class="icon-di-bucket-water"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bucket-water" class="icon-di-bucket-water"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bucket-water" class="icon-di-bucket-water"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bucket-water" class="icon-di-bucket-water"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bucket-water" class="icon-di-bucket-water"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bucket-water" class="icon-di-bucket-water"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bucket-water" class="icon-di-bucket-water"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bucket-water" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf228;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bug" class="icon-di-bug"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bug" class="icon-di-bug"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bug" class="icon-di-bug"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bug" class="icon-di-bug"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bug" class="icon-di-bug"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bug" class="icon-di-bug"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bug" class="icon-di-bug"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bug" class="icon-di-bug"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bug" class="icon-di-bug"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bug" class="icon-di-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=".icon-di-bug" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf229;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-building-blocks" class="icon-di-building-blocks"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-building-blocks" class="icon-di-building-blocks"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-building-blocks" class="icon-di-building-blocks"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-building-blocks" class="icon-di-building-blocks"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-building-blocks" class="icon-di-building-blocks"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-building-blocks" class="icon-di-building-blocks"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-building-blocks" class="icon-di-building-blocks"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-building-blocks" class="icon-di-building-blocks"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-building-blocks" class="icon-di-building-blocks"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-building-blocks" class="icon-di-building-blocks"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-building-blocks" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22a;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-building-fire" class="icon-di-building-fire"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-building-fire" class="icon-di-building-fire"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-building-fire" class="icon-di-building-fire"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-building-fire" class="icon-di-building-fire"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-building-fire" class="icon-di-building-fire"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-building-fire" class="icon-di-building-fire"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-building-fire" class="icon-di-building-fire"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-building-fire" class="icon-di-building-fire"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-building-fire" class="icon-di-building-fire"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-building-fire" class="icon-di-building-fire"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-building-fire" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22b;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-building-search" class="icon-di-building-search"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-building-search" class="icon-di-building-search"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-building-search" class="icon-di-building-search"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-building-search" class="icon-di-building-search"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-building-search" class="icon-di-building-search"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-building-search" class="icon-di-building-search"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-building-search" class="icon-di-building-search"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-building-search" class="icon-di-building-search"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-building-search" class="icon-di-building-search"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-building-search" class="icon-di-building-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=".icon-di-building-search" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22c;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-buildings" class="icon-di-buildings"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-buildings" class="icon-di-buildings"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-buildings" class="icon-di-buildings"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-buildings" class="icon-di-buildings"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-buildings" class="icon-di-buildings"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-buildings" class="icon-di-buildings"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-buildings" class="icon-di-buildings"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-buildings" class="icon-di-buildings"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-buildings" class="icon-di-buildings"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-buildings" class="icon-di-buildings"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-buildings" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22d;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bulldozer" class="icon-di-bulldozer"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bulldozer" class="icon-di-bulldozer"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bulldozer" class="icon-di-bulldozer"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bulldozer" class="icon-di-bulldozer"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bulldozer" class="icon-di-bulldozer"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bulldozer" class="icon-di-bulldozer"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bulldozer" class="icon-di-bulldozer"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bulldozer" class="icon-di-bulldozer"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bulldozer" class="icon-di-bulldozer"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bulldozer" class="icon-di-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=".icon-di-bulldozer" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22e;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bullet" class="icon-di-bullet"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bullet" class="icon-di-bullet"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bullet" class="icon-di-bullet"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bullet" class="icon-di-bullet"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bullet" class="icon-di-bullet"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bullet" class="icon-di-bullet"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bullet" class="icon-di-bullet"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bullet" class="icon-di-bullet"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bullet" class="icon-di-bullet"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bullet" class="icon-di-bullet"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bullet" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22f;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bullet-train" class="icon-di-bullet-train"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bullet-train" class="icon-di-bullet-train"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bullet-train" class="icon-di-bullet-train"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bullet-train" class="icon-di-bullet-train"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bullet-train" class="icon-di-bullet-train"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bullet-train" class="icon-di-bullet-train"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bullet-train" class="icon-di-bullet-train"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bullet-train" class="icon-di-bullet-train"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bullet-train" class="icon-di-bullet-train"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bullet-train" class="icon-di-bullet-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=".icon-di-bullet-train" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf230;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bullhorn" class="icon-di-bullhorn"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bullhorn" class="icon-di-bullhorn"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bullhorn" class="icon-di-bullhorn"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bullhorn" class="icon-di-bullhorn"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bullhorn" class="icon-di-bullhorn"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bullhorn" class="icon-di-bullhorn"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bullhorn" class="icon-di-bullhorn"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bullhorn" class="icon-di-bullhorn"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bullhorn" class="icon-di-bullhorn"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bullhorn" class="icon-di-bullhorn"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bullhorn" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf231;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bumper-car" class="icon-di-bumper-car"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bumper-car" class="icon-di-bumper-car"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bumper-car" class="icon-di-bumper-car"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bumper-car" class="icon-di-bumper-car"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bumper-car" class="icon-di-bumper-car"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bumper-car" class="icon-di-bumper-car"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bumper-car" class="icon-di-bumper-car"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bumper-car" class="icon-di-bumper-car"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bumper-car" class="icon-di-bumper-car"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bumper-car" class="icon-di-bumper-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=".icon-di-bumper-car" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf232;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bunsen-burner" class="icon-di-bunsen-burner"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bunsen-burner" class="icon-di-bunsen-burner"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bunsen-burner" class="icon-di-bunsen-burner"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bunsen-burner" class="icon-di-bunsen-burner"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bunsen-burner" class="icon-di-bunsen-burner"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bunsen-burner" class="icon-di-bunsen-burner"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bunsen-burner" class="icon-di-bunsen-burner"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bunsen-burner" class="icon-di-bunsen-burner"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bunsen-burner" class="icon-di-bunsen-burner"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bunsen-burner" class="icon-di-bunsen-burner"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-bunsen-burner" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf233;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-buoy" class="icon-di-buoy"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-buoy" class="icon-di-buoy"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-buoy" class="icon-di-buoy"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-buoy" class="icon-di-buoy"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-buoy" class="icon-di-buoy"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-buoy" class="icon-di-buoy"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-buoy" class="icon-di-buoy"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-buoy" class="icon-di-buoy"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-buoy" class="icon-di-buoy"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-buoy" class="icon-di-buoy"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-buoy" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf234;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-burka" class="icon-di-burka"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-burka" class="icon-di-burka"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-burka" class="icon-di-burka"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-burka" class="icon-di-burka"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-burka" class="icon-di-burka"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-burka" class="icon-di-burka"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-burka" class="icon-di-burka"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-burka" class="icon-di-burka"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-burka" class="icon-di-burka"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-burka" class="icon-di-burka"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-burka" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf235;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-bus" class="icon-di-bus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-bus" class="icon-di-bus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-bus" class="icon-di-bus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-bus" class="icon-di-bus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-bus" class="icon-di-bus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-bus" class="icon-di-bus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-bus" class="icon-di-bus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-bus" class="icon-di-bus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-bus" class="icon-di-bus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-bus" class="icon-di-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=".icon-di-bus" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf236;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-businessperson" class="icon-di-businessperson"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-businessperson" class="icon-di-businessperson"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-businessperson" class="icon-di-businessperson"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-businessperson" class="icon-di-businessperson"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-businessperson" class="icon-di-businessperson"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-businessperson" class="icon-di-businessperson"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-businessperson" class="icon-di-businessperson"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-businessperson" class="icon-di-businessperson"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-businessperson" class="icon-di-businessperson"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-businessperson" class="icon-di-businessperson"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-businessperson" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf237;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-businessperson-speech-dollar" class="icon-di-businessperson-speech-dollar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-businessperson-speech-dollar" class="icon-di-businessperson-speech-dollar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-businessperson-speech-dollar" class="icon-di-businessperson-speech-dollar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-businessperson-speech-dollar" class="icon-di-businessperson-speech-dollar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-businessperson-speech-dollar" class="icon-di-businessperson-speech-dollar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-businessperson-speech-dollar" class="icon-di-businessperson-speech-dollar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-businessperson-speech-dollar" class="icon-di-businessperson-speech-dollar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-businessperson-speech-dollar" class="icon-di-businessperson-speech-dollar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-businessperson-speech-dollar" class="icon-di-businessperson-speech-dollar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-businessperson-speech-dollar" class="icon-di-businessperson-speech-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=".icon-di-businessperson-speech-dollar" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf238;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-butter-knife" class="icon-di-butter-knife"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-butter-knife" class="icon-di-butter-knife"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-butter-knife" class="icon-di-butter-knife"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-butter-knife" class="icon-di-butter-knife"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-butter-knife" class="icon-di-butter-knife"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-butter-knife" class="icon-di-butter-knife"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-butter-knife" class="icon-di-butter-knife"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-butter-knife" class="icon-di-butter-knife"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-butter-knife" class="icon-di-butter-knife"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-butter-knife" class="icon-di-butter-knife"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-butter-knife" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf239;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-butterfly" class="icon-di-butterfly"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-butterfly" class="icon-di-butterfly"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-butterfly" class="icon-di-butterfly"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-butterfly" class="icon-di-butterfly"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-butterfly" class="icon-di-butterfly"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-butterfly" class="icon-di-butterfly"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-butterfly" class="icon-di-butterfly"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-butterfly" class="icon-di-butterfly"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-butterfly" class="icon-di-butterfly"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-butterfly" class="icon-di-butterfly"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-butterfly" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23a;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-buy-now-sticker" class="icon-di-buy-now-sticker"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-buy-now-sticker" class="icon-di-buy-now-sticker"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-buy-now-sticker" class="icon-di-buy-now-sticker"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-buy-now-sticker" class="icon-di-buy-now-sticker"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-buy-now-sticker" class="icon-di-buy-now-sticker"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-buy-now-sticker" class="icon-di-buy-now-sticker"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-buy-now-sticker" class="icon-di-buy-now-sticker"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-buy-now-sticker" class="icon-di-buy-now-sticker"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-buy-now-sticker" class="icon-di-buy-now-sticker"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-buy-now-sticker" class="icon-di-buy-now-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=".icon-di-buy-now-sticker" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23b;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-cafe-machiatto" class="icon-di-cafe-machiatto"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-cafe-machiatto" class="icon-di-cafe-machiatto"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-cafe-machiatto" class="icon-di-cafe-machiatto"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-cafe-machiatto" class="icon-di-cafe-machiatto"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-cafe-machiatto" class="icon-di-cafe-machiatto"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-cafe-machiatto" class="icon-di-cafe-machiatto"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-cafe-machiatto" class="icon-di-cafe-machiatto"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-cafe-machiatto" class="icon-di-cafe-machiatto"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-cafe-machiatto" class="icon-di-cafe-machiatto"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-cafe-machiatto" class="icon-di-cafe-machiatto"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-cafe-machiatto" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23c;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-cake-slice" class="icon-di-cake-slice"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-cake-slice" class="icon-di-cake-slice"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-cake-slice" class="icon-di-cake-slice"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-cake-slice" class="icon-di-cake-slice"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-cake-slice" class="icon-di-cake-slice"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-cake-slice" class="icon-di-cake-slice"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-cake-slice" class="icon-di-cake-slice"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-cake-slice" class="icon-di-cake-slice"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-cake-slice" class="icon-di-cake-slice"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-cake-slice" class="icon-di-cake-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=".icon-di-cake-slice" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23d;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-calendar-1" class="icon-di-calendar-1"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-calendar-1" class="icon-di-calendar-1"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-calendar-1" class="icon-di-calendar-1"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-calendar-1" class="icon-di-calendar-1"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-calendar-1" class="icon-di-calendar-1"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-calendar-1" class="icon-di-calendar-1"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-calendar-1" class="icon-di-calendar-1"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-calendar-1" class="icon-di-calendar-1"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-calendar-1" class="icon-di-calendar-1"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-calendar-1" class="icon-di-calendar-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=".icon-di-calendar-1" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23e;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-calendar-10" class="icon-di-calendar-10"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-calendar-10" class="icon-di-calendar-10"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-calendar-10" class="icon-di-calendar-10"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-calendar-10" class="icon-di-calendar-10"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-calendar-10" class="icon-di-calendar-10"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-calendar-10" class="icon-di-calendar-10"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-calendar-10" class="icon-di-calendar-10"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-calendar-10" class="icon-di-calendar-10"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-calendar-10" class="icon-di-calendar-10"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-calendar-10" class="icon-di-calendar-10"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-calendar-10" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23f;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-calendar-11" class="icon-di-calendar-11"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-calendar-11" class="icon-di-calendar-11"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-calendar-11" class="icon-di-calendar-11"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-calendar-11" class="icon-di-calendar-11"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-calendar-11" class="icon-di-calendar-11"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-calendar-11" class="icon-di-calendar-11"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-calendar-11" class="icon-di-calendar-11"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-calendar-11" class="icon-di-calendar-11"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-calendar-11" class="icon-di-calendar-11"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-calendar-11" class="icon-di-calendar-11"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-calendar-11" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf240;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-calendar-12" class="icon-di-calendar-12"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-calendar-12" class="icon-di-calendar-12"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-calendar-12" class="icon-di-calendar-12"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-calendar-12" class="icon-di-calendar-12"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-calendar-12" class="icon-di-calendar-12"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-calendar-12" class="icon-di-calendar-12"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-calendar-12" class="icon-di-calendar-12"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-calendar-12" class="icon-di-calendar-12"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-calendar-12" class="icon-di-calendar-12"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-calendar-12" class="icon-di-calendar-12"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-calendar-12" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf241;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-calendar-13" class="icon-di-calendar-13"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-calendar-13" class="icon-di-calendar-13"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-calendar-13" class="icon-di-calendar-13"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-calendar-13" class="icon-di-calendar-13"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-calendar-13" class="icon-di-calendar-13"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-calendar-13" class="icon-di-calendar-13"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-calendar-13" class="icon-di-calendar-13"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-calendar-13" class="icon-di-calendar-13"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-calendar-13" class="icon-di-calendar-13"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-calendar-13" class="icon-di-calendar-13"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-calendar-13" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf242;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-calendar-14" class="icon-di-calendar-14"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-calendar-14" class="icon-di-calendar-14"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-calendar-14" class="icon-di-calendar-14"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-calendar-14" class="icon-di-calendar-14"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-calendar-14" class="icon-di-calendar-14"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-calendar-14" class="icon-di-calendar-14"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-calendar-14" class="icon-di-calendar-14"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-calendar-14" class="icon-di-calendar-14"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-calendar-14" class="icon-di-calendar-14"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-calendar-14" class="icon-di-calendar-14"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-calendar-14" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf243;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-calendar-15" class="icon-di-calendar-15"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-calendar-15" class="icon-di-calendar-15"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-calendar-15" class="icon-di-calendar-15"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-di-calendar-15" class="icon-di-calendar-15"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-di-calendar-15" class="icon-di-calendar-15"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-di-calendar-15" class="icon-di-calendar-15"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-di-calendar-15" class="icon-di-calendar-15"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-di-calendar-15" class="icon-di-calendar-15"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-di-calendar-15" class="icon-di-calendar-15"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-di-calendar-15" class="icon-di-calendar-15"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-di-calendar-15" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf244;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-di-calendar-16" class="icon-di-calendar-16"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-di-calendar-16" class="icon-di-calendar-16"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-di-calendar-16" class="icon-di-calend
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment