<div class="section head">
<div class="corset">
<h1>Icons</h1>
</div>
</div>
<div class="section">
<div class="corset">
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>header <small>(6)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-market"></i>
</div>
<div class="sample_name">
market
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-projects-empty"></i>
</div>
<div class="sample_name">
projects-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-projects-full"></i>
</div>
<div class="sample_name">
projects-full
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-tasks-empty"></i>
</div>
<div class="sample_name">
tasks-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-tasks-full"></i>
</div>
<div class="sample_name">
tasks-full
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-settings"></i>
</div>
<div class="sample_name">
settings
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>main-nav <small>(4)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-overview"></i>
</div>
<div class="sample_name">
overview
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-contacts"></i>
</div>
<div class="sample_name">
contacts
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-message-empty"></i>
</div>
<div class="sample_name">
message-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-message-full"></i>
</div>
<div class="sample_name">
message-full
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>slidebar <small>(4)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-basket-empty"></i>
</div>
<div class="sample_name">
basket-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-basket-full"></i>
</div>
<div class="sample_name">
basket-full
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-bell"></i>
</div>
<div class="sample_name">
bell
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-notify"></i>
</div>
<div class="sample_name">
notify
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>profile <small>(7)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-about-me"></i>
</div>
<div class="sample_name">
about-me
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-portfolio"></i>
</div>
<div class="sample_name">
portfolio
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-portfolio-alt"></i>
</div>
<div class="sample_name">
portfolio-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-general-informations"></i>
</div>
<div class="sample_name">
general-informations
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-contact-data"></i>
</div>
<div class="sample_name">
contact-data
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-career"></i>
</div>
<div class="sample_name">
career
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-skills"></i>
</div>
<div class="sample_name">
skills
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>view <small>(5)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-view-list"></i>
</div>
<div class="sample_name">
view-list
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-view-tile"></i>
</div>
<div class="sample_name">
view-tile
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-view-cards"></i>
</div>
<div class="sample_name">
view-cards
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-view-map"></i>
</div>
<div class="sample_name">
view-map
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-view-map-2"></i>
</div>
<div class="sample_name">
view-map-2
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>action <small>(9)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-state-active"></i>
</div>
<div class="sample_name">
state-active
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-state-inactive"></i>
</div>
<div class="sample_name">
state-inactive
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-edit"></i>
</div>
<div class="sample_name">
edit
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-search"></i>
</div>
<div class="sample_name">
search
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-zoom-in"></i>
</div>
<div class="sample_name">
zoom-in
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-zoom-out"></i>
</div>
<div class="sample_name">
zoom-out
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-comment"></i>
</div>
<div class="sample_name">
comment
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-share"></i>
</div>
<div class="sample_name">
share
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-like"></i>
</div>
<div class="sample_name">
like
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>#2 <small>(18)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-lock"></i>
</div>
<div class="sample_name">
lock
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-lock-open"></i>
</div>
<div class="sample_name">
lock-open
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-chevron-up"></i>
</div>
<div class="sample_name">
chevron-up
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-chevron-right"></i>
</div>
<div class="sample_name">
chevron-right
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-chevron-down"></i>
</div>
<div class="sample_name">
chevron-down
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-chevron-left"></i>
</div>
<div class="sample_name">
chevron-left
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-chevron-2-up"></i>
</div>
<div class="sample_name">
chevron-2-up
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-chevron-2-right"></i>
</div>
<div class="sample_name">
chevron-2-right
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-chevron-2-down"></i>
</div>
<div class="sample_name">
chevron-2-down
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-chevron-2-left"></i>
</div>
<div class="sample_name">
chevron-2-left
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-plus"></i>
</div>
<div class="sample_name">
plus
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-minus"></i>
</div>
<div class="sample_name">
minus
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-ok"></i>
</div>
<div class="sample_name">
ok
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-close"></i>
</div>
<div class="sample_name">
close
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-plus-sign"></i>
</div>
<div class="sample_name">
plus-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-minus-sign"></i>
</div>
<div class="sample_name">
minus-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-ok-sign"></i>
</div>
<div class="sample_name">
ok-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-close-sign"></i>
</div>
<div class="sample_name">
close-sign
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>navigation <small>(2)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-show-sb"></i>
</div>
<div class="sample_name">
show-sb
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-hide-sb"></i>
</div>
<div class="sample_name">
hide-sb
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>filterbar <small>(3)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-filter"></i>
</div>
<div class="sample_name">
filter
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-preview"></i>
</div>
<div class="sample_name">
preview
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-hide-filter"></i>
</div>
<div class="sample_name">
hide-filter
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>forms <small>(6)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-female"></i>
</div>
<div class="sample_name">
female
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-male"></i>
</div>
<div class="sample_name">
male
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-sex"></i>
</div>
<div class="sample_name">
sex
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-sort-down"></i>
</div>
<div class="sample_name">
sort-down
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-sort-up"></i>
</div>
<div class="sample_name">
sort-up
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-sort"></i>
</div>
<div class="sample_name">
sort
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>category <small>(2)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-product"></i>
</div>
<div class="sample_name">
product
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-object"></i>
</div>
<div class="sample_name">
object
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>new <small>(2)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-question-answer"></i>
</div>
<div class="sample_name">
question-answer
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-secure"></i>
</div>
<div class="sample_name">
secure
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>edit ressource <small>(3)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-analytics"></i>
</div>
<div class="sample_name">
analytics
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-inquiry"></i>
</div>
<div class="sample_name">
inquiry
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-orders"></i>
</div>
<div class="sample_name">
orders
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>product-properties <small>(3)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-environmentally-friendly"></i>
</div>
<div class="sample_name">
environmentally-friendly
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-waterproof"></i>
</div>
<div class="sample_name">
waterproof
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-delivery"></i>
</div>
<div class="sample_name">
delivery
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>object-properties <small>(11)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-bright"></i>
</div>
<div class="sample_name">
bright
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-dark"></i>
</div>
<div class="sample_name">
dark
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-indoor"></i>
</div>
<div class="sample_name">
indoor
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-outdoor"></i>
</div>
<div class="sample_name">
outdoor
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-accessible"></i>
</div>
<div class="sample_name">
accessible
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-smoker"></i>
</div>
<div class="sample_name">
smoker
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-non-smoker"></i>
</div>
<div class="sample_name">
non-smoker
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-parking"></i>
</div>
<div class="sample_name">
parking
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-parking-meter"></i>
</div>
<div class="sample_name">
parking-meter
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-elevator"></i>
</div>
<div class="sample_name">
elevator
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-max-people"></i>
</div>
<div class="sample_name">
max-people
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>features <small>(16)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-wlan"></i>
</div>
<div class="sample_name">
wlan
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-beamer"></i>
</div>
<div class="sample_name">
beamer
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-microphone"></i>
</div>
<div class="sample_name">
microphone
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-sockets"></i>
</div>
<div class="sample_name">
sockets
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-internet"></i>
</div>
<div class="sample_name">
internet
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-electricity"></i>
</div>
<div class="sample_name">
electricity
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-coffee"></i>
</div>
<div class="sample_name">
coffee
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-water"></i>
</div>
<div class="sample_name">
water
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-pizza"></i>
</div>
<div class="sample_name">
pizza
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-burger"></i>
</div>
<div class="sample_name">
burger
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-drinks"></i>
</div>
<div class="sample_name">
drinks
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-fast-food"></i>
</div>
<div class="sample_name">
fast-food
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-waiter"></i>
</div>
<div class="sample_name">
waiter
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-wine"></i>
</div>
<div class="sample_name">
wine
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-dishes"></i>
</div>
<div class="sample_name">
dishes
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-stove"></i>
</div>
<div class="sample_name">
stove
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>layouts <small>(6)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-conference"></i>
</div>
<div class="sample_name">
conference
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-classroom"></i>
</div>
<div class="sample_name">
classroom
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-banquet"></i>
</div>
<div class="sample_name">
banquet
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-theatre"></i>
</div>
<div class="sample_name">
theatre
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-u-shape"></i>
</div>
<div class="sample_name">
u-shape
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-workspace"></i>
</div>
<div class="sample_name">
workspace
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>account <small>(6)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-men"></i>
</div>
<div class="sample_name">
men
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-woman"></i>
</div>
<div class="sample_name">
woman
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-company"></i>
</div>
<div class="sample_name">
company
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-store"></i>
</div>
<div class="sample_name">
store
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-bar"></i>
</div>
<div class="sample_name">
bar
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-restaurant"></i>
</div>
<div class="sample_name">
restaurant
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>user <small>(7)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-men-investor"></i>
</div>
<div class="sample_name">
men-investor
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-men-work"></i>
</div>
<div class="sample_name">
men-work
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-men-business"></i>
</div>
<div class="sample_name">
men-business
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-men-normal"></i>
</div>
<div class="sample_name">
men-normal
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-men-business2"></i>
</div>
<div class="sample_name">
men-business2
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-men-dev"></i>
</div>
<div class="sample_name">
men-dev
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-men-html"></i>
</div>
<div class="sample_name">
men-html
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>+ ... <small>(4)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-plus-contact"></i>
</div>
<div class="sample_name">
plus-contact
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-plus-picture"></i>
</div>
<div class="sample_name">
plus-picture
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-plus-company"></i>
</div>
<div class="sample_name">
plus-company
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-plus-company-contact"></i>
</div>
<div class="sample_name">
plus-company-contact
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>skills <small>(2)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-ruby"></i>
</div>
<div class="sample_name">
ruby
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-html5"></i>
</div>
<div class="sample_name">
html5
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>social media <small>(12)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-facebook"></i>
</div>
<div class="sample_name">
facebook
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-facebook-block"></i>
</div>
<div class="sample_name">
facebook-block
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-google"></i>
</div>
<div class="sample_name">
google
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-google-block"></i>
</div>
<div class="sample_name">
google-block
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-google-cut"></i>
</div>
<div class="sample_name">
google-cut
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-google-cut-block"></i>
</div>
<div class="sample_name">
google-cut-block
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-twitter"></i>
</div>
<div class="sample_name">
twitter
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-twitter-block"></i>
</div>
<div class="sample_name">
twitter-block
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-linkedin"></i>
</div>
<div class="sample_name">
linkedin
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-linkedin-block"></i>
</div>
<div class="sample_name">
linkedin-block
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-xing"></i>
</div>
<div class="sample_name">
xing
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-xing-block"></i>
</div>
<div class="sample_name">
xing-block
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>other <small>(4)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-qr-code"></i>
</div>
<div class="sample_name">
qr-code
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-barcode"></i>
</div>
<div class="sample_name">
barcode
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-cash"></i>
</div>
<div class="sample_name">
cash
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-gift"></i>
</div>
<div class="sample_name">
gift
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>New <small>(27)</small></h2>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-auge"></i>
</div>
<div class="sample_name">
auge
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-inventar"></i>
</div>
<div class="sample_name">
inventar
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-analytics-alt"></i>
</div>
<div class="sample_name">
analytics-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-settings-alt"></i>
</div>
<div class="sample_name">
settings-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-slidebar"></i>
</div>
<div class="sample_name">
slidebar
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-info-circle"></i>
</div>
<div class="sample_name">
info-circle
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-product-circle"></i>
</div>
<div class="sample_name">
product-circle
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-pos-circle"></i>
</div>
<div class="sample_name">
pos-circle
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-user"></i>
</div>
<div class="sample_name">
user
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-calendar"></i>
</div>
<div class="sample_name">
calendar
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-glass"></i>
</div>
<div class="sample_name">
glass
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-trash"></i>
</div>
<div class="sample_name">
trash
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-resize"></i>
</div>
<div class="sample_name">
resize
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-product-alt"></i>
</div>
<div class="sample_name">
product-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-circle-plus"></i>
</div>
<div class="sample_name">
circle-plus
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-circle-times"></i>
</div>
<div class="sample_name">
circle-times
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-circle-minus"></i>
</div>
<div class="sample_name">
circle-minus
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-circle-ok"></i>
</div>
<div class="sample_name">
circle-ok
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-auge-alt"></i>
</div>
<div class="sample_name">
auge-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-inventar-alt"></i>
</div>
<div class="sample_name">
inventar-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-analytics-alt2"></i>
</div>
<div class="sample_name">
analytics-alt2
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-euro-circle"></i>
</div>
<div class="sample_name">
euro-circle
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-reports"></i>
</div>
<div class="sample_name">
reports
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-tasks"></i>
</div>
<div class="sample_name">
tasks
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-vcard"></i>
</div>
<div class="sample_name">
vcard
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-catalog"></i>
</div>
<div class="sample_name">
catalog
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-flyer"></i>
</div>
<div class="sample_name">
flyer
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<br><br><br>
<div class="paper_box" id="icon">
<div class="paper_head">
<h2>magiconsregular <small>(428)</small></h2>
<br>
<h4><i class="magicons-*"></i></h4>
<h4><%= icon("*") %></h4>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-close-round"></i>
</div>
<div class="sample_name">
close-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-ok-round"></i>
</div>
<div class="sample_name">
ok-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-minus-round"></i>
</div>
<div class="sample_name">
minus-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-plus-round"></i>
</div>
<div class="sample_name">
plus-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-ban-circle"></i>
</div>
<div class="sample_name">
ban-circle
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-attention-round"></i>
</div>
<div class="sample_name">
attention-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-info-round"></i>
</div>
<div class="sample_name">
info-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-question-round"></i>
</div>
<div class="sample_name">
question-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-arrow-up"></i>
</div>
<div class="sample_name">
arrow-up
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-arrow-right"></i>
</div>
<div class="sample_name">
arrow-right
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-arrow-down"></i>
</div>
<div class="sample_name">
arrow-down
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-arrow-left"></i>
</div>
<div class="sample_name">
arrow-left
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-fat-arrow-up"></i>
</div>
<div class="sample_name">
fat-arrow-up
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-fat-arrow-right"></i>
</div>
<div class="sample_name">
fat-arrow-right
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-fat-arrow-down"></i>
</div>
<div class="sample_name">
fat-arrow-down
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-fat-arrow-left"></i>
</div>
<div class="sample_name">
fat-arrow-left
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-chevron-round-up"></i>
</div>
<div class="sample_name">
chevron-round-up
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-chevron-round-right"></i>
</div>
<div class="sample_name">
chevron-round-right
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-chevron-round-down"></i>
</div>
<div class="sample_name">
chevron-round-down
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-chevron-round-left"></i>
</div>
<div class="sample_name">
chevron-round-left
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-caret-up"></i>
</div>
<div class="sample_name">
caret-up
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-caret-right"></i>
</div>
<div class="sample_name">
caret-right
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-caret-down"></i>
</div>
<div class="sample_name">
caret-down
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-caret-left"></i>
</div>
<div class="sample_name">
caret-left
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-hand-up"></i>
</div>
<div class="sample_name">
hand-up
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-hand-right"></i>
</div>
<div class="sample_name">
hand-right
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-hand-down"></i>
</div>
<div class="sample_name">
hand-down
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-hand-left"></i>
</div>
<div class="sample_name">
hand-left
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-hand-fuck"></i>
</div>
<div class="sample_name">
hand-fuck
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-hand-rock-back"></i>
</div>
<div class="sample_name">
hand-rock-back
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-hand-rock"></i>
</div>
<div class="sample_name">
hand-rock
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-thumb-up"></i>
</div>
<div class="sample_name">
thumb-up
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-thumb-right"></i>
</div>
<div class="sample_name">
thumb-right
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-thumb-down"></i>
</div>
<div class="sample_name">
thumb-down
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-thumb-left"></i>
</div>
<div class="sample_name">
thumb-left
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-handflat-left"></i>
</div>
<div class="sample_name">
handflat-left
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-handflat-both"></i>
</div>
<div class="sample_name">
handflat-both
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-handflat-right"></i>
</div>
<div class="sample_name">
handflat-right
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-heart-round"></i>
</div>
<div class="sample_name">
heart-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-heart-empty"></i>
</div>
<div class="sample_name">
heart-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-comment-round"></i>
</div>
<div class="sample_name">
comment-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-comment-empty"></i>
</div>
<div class="sample_name">
comment-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-comments-round"></i>
</div>
<div class="sample_name">
comments-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-comments-empty"></i>
</div>
<div class="sample_name">
comments-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-bookmark"></i>
</div>
<div class="sample_name">
bookmark
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-bookmark-empty"></i>
</div>
<div class="sample_name">
bookmark-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-envelope"></i>
</div>
<div class="sample_name">
envelope
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-envelope-alt"></i>
</div>
<div class="sample_name">
envelope-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-envelope-open"></i>
</div>
<div class="sample_name">
envelope-open
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-envelope-open-alt"></i>
</div>
<div class="sample_name">
envelope-open-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-envelope-filled"></i>
</div>
<div class="sample_name">
envelope-filled
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-envelope-filled-alt"></i>
</div>
<div class="sample_name">
envelope-filled-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-envelope-inlay-open"></i>
</div>
<div class="sample_name">
envelope-inlay-open
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-envelope-inlay-open-alt"></i>
</div>
<div class="sample_name">
envelope-inlay-open-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-envelope-inlay-filled"></i>
</div>
<div class="sample_name">
envelope-inlay-filled
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-envelope-inlay-filled-alt"></i>
</div>
<div class="sample_name">
envelope-inlay-filled-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-tag"></i>
</div>
<div class="sample_name">
tag
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-tags"></i>
</div>
<div class="sample_name">
tags
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-star-round"></i>
</div>
<div class="sample_name">
star-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-star-empty"></i>
</div>
<div class="sample_name">
star-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-star-half-round"></i>
</div>
<div class="sample_name">
star-half-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-star-half-empty"></i>
</div>
<div class="sample_name">
star-half-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-user-male-round"></i>
</div>
<div class="sample_name">
user-male-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-user-female-round"></i>
</div>
<div class="sample_name">
user-female-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-user-group-round"></i>
</div>
<div class="sample_name">
user-group-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-user-group-alt"></i>
</div>
<div class="sample_name">
user-group-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-user-group-big"></i>
</div>
<div class="sample_name">
user-group-big
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-search-round"></i>
</div>
<div class="sample_name">
search-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-zoom-in"></i>
</div>
<div class="sample_name">
zoom-in
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-zoom-out"></i>
</div>
<div class="sample_name">
zoom-out
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-lock-round"></i>
</div>
<div class="sample_name">
lock-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-unlock-round"></i>
</div>
<div class="sample_name">
unlock-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-wrench-round"></i>
</div>
<div class="sample_name">
wrench-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-cog-round"></i>
</div>
<div class="sample_name">
cog-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-cog-alt"></i>
</div>
<div class="sample_name">
cog-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-cogs"></i>
</div>
<div class="sample_name">
cogs
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-trash-round"></i>
</div>
<div class="sample_name">
trash-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-key"></i>
</div>
<div class="sample_name">
key
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-key-alt"></i>
</div>
<div class="sample_name">
key-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-pushpin-round"></i>
</div>
<div class="sample_name">
pushpin-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-map-marker-round"></i>
</div>
<div class="sample_name">
map-marker-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-time-round"></i>
</div>
<div class="sample_name">
time-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-time-alt"></i>
</div>
<div class="sample_name">
time-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-move"></i>
</div>
<div class="sample_name">
move
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-resize-horizontal"></i>
</div>
<div class="sample_name">
resize-horizontal
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-resize-vertical"></i>
</div>
<div class="sample_name">
resize-vertical
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-retweet"></i>
</div>
<div class="sample_name">
retweet
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-reload"></i>
</div>
<div class="sample_name">
reload
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-random"></i>
</div>
<div class="sample_name">
random
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-refresh"></i>
</div>
<div class="sample_name">
refresh
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-adjust"></i>
</div>
<div class="sample_name">
adjust
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-asterisk"></i>
</div>
<div class="sample_name">
asterisk
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-screenshot"></i>
</div>
<div class="sample_name">
screenshot
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-target-round"></i>
</div>
<div class="sample_name">
target-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-volume-one"></i>
</div>
<div class="sample_name">
volume-one
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-volume-two"></i>
</div>
<div class="sample_name">
volume-two
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-volume-three"></i>
</div>
<div class="sample_name">
volume-three
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-sort-round"></i>
</div>
<div class="sample_name">
sort-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-sort-round-down"></i>
</div>
<div class="sample_name">
sort-round-down
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-sort-round-up"></i>
</div>
<div class="sample_name">
sort-round-up
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-signin"></i>
</div>
<div class="sample_name">
signin
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-signout"></i>
</div>
<div class="sample_name">
signout
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-sitemap"></i>
</div>
<div class="sample_name">
sitemap
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-signal"></i>
</div>
<div class="sample_name">
signal
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-download"></i>
</div>
<div class="sample_name">
download
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-upload"></i>
</div>
<div class="sample_name">
upload
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-facebook"></i>
</div>
<div class="sample_name">
facebook
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-twitter"></i>
</div>
<div class="sample_name">
twitter
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-github"></i>
</div>
<div class="sample_name">
github
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-github-alt"></i>
</div>
<div class="sample_name">
github-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-pinterest"></i>
</div>
<div class="sample_name">
pinterest
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-linkedin"></i>
</div>
<div class="sample_name">
linkedin
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-google-plus"></i>
</div>
<div class="sample_name">
google-plus
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-flickr"></i>
</div>
<div class="sample_name">
flickr
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-picasa"></i>
</div>
<div class="sample_name">
picasa
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-rss"></i>
</div>
<div class="sample_name">
rss
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-firefox"></i>
</div>
<div class="sample_name">
firefox
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-ie"></i>
</div>
<div class="sample_name">
ie
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-opera"></i>
</div>
<div class="sample_name">
opera
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-chrome"></i>
</div>
<div class="sample_name">
chrome
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-safari"></i>
</div>
<div class="sample_name">
safari
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-phone"></i>
</div>
<div class="sample_name">
phone
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-phone-pickup"></i>
</div>
<div class="sample_name">
phone-pickup
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-phone-hangup"></i>
</div>
<div class="sample_name">
phone-hangup
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-pencil-round"></i>
</div>
<div class="sample_name">
pencil-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-pencil-alt"></i>
</div>
<div class="sample_name">
pencil-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-ballpen"></i>
</div>
<div class="sample_name">
ballpen
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-briefcase"></i>
</div>
<div class="sample_name">
briefcase
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-briefcase-alt"></i>
</div>
<div class="sample_name">
briefcase-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-inbox-round"></i>
</div>
<div class="sample_name">
inbox-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-dashboard"></i>
</div>
<div class="sample_name">
dashboard
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-folder-close"></i>
</div>
<div class="sample_name">
folder-close
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-folder-open"></i>
</div>
<div class="sample_name">
folder-open
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-folder-alt"></i>
</div>
<div class="sample_name">
folder-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-book"></i>
</div>
<div class="sample_name">
book
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-book-marked"></i>
</div>
<div class="sample_name">
book-marked
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-book-marked-alt"></i>
</div>
<div class="sample_name">
book-marked-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-address-book"></i>
</div>
<div class="sample_name">
address-book
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-address-book-marked"></i>
</div>
<div class="sample_name">
address-book-marked
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-address-book-marked-alt"></i>
</div>
<div class="sample_name">
address-book-marked-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-book-open-round"></i>
</div>
<div class="sample_name">
book-open-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-book-open-alt"></i>
</div>
<div class="sample_name">
book-open-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-book-open-filled"></i>
</div>
<div class="sample_name">
book-open-filled
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-tasks"></i>
</div>
<div class="sample_name">
tasks
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-reorder"></i>
</div>
<div class="sample_name">
reorder
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-bar-chart-round"></i>
</div>
<div class="sample_name">
bar-chart-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-clipboard-tasks"></i>
</div>
<div class="sample_name">
clipboard-tasks
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-clipboard-check"></i>
</div>
<div class="sample_name">
clipboard-check
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-clipboard-tasks-edge"></i>
</div>
<div class="sample_name">
clipboard-tasks-edge
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-clipboard-check-edge"></i>
</div>
<div class="sample_name">
clipboard-check-edge
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-pile-list-marked"></i>
</div>
<div class="sample_name">
pile-list-marked
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-pile-check-marked-edge"></i>
</div>
<div class="sample_name">
pile-check-marked-edge
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-ringbinder-month"></i>
</div>
<div class="sample_name">
ringbinder-month
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-ringbinder-day"></i>
</div>
<div class="sample_name">
ringbinder-day
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-ringbinder-list"></i>
</div>
<div class="sample_name">
ringbinder-list
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-ringbinder-month-edge"></i>
</div>
<div class="sample_name">
ringbinder-month-edge
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-ringbinder-day-edge"></i>
</div>
<div class="sample_name">
ringbinder-day-edge
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-ringbinder-list-edge"></i>
</div>
<div class="sample_name">
ringbinder-list-edge
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-picture-round"></i>
</div>
<div class="sample_name">
picture-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-picture-alt"></i>
</div>
<div class="sample_name">
picture-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-pictures"></i>
</div>
<div class="sample_name">
pictures
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-external-link"></i>
</div>
<div class="sample_name">
external-link
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-share"></i>
</div>
<div class="sample_name">
share
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-edit"></i>
</div>
<div class="sample_name">
edit
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-check"></i>
</div>
<div class="sample_name">
check
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-check-empty"></i>
</div>
<div class="sample_name">
check-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-credit-card"></i>
</div>
<div class="sample_name">
credit-card
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-qrcode"></i>
</div>
<div class="sample_name">
qrcode
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-shopping-cart"></i>
</div>
<div class="sample_name">
shopping-cart
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-shopping-cart-alt"></i>
</div>
<div class="sample_name">
shopping-cart-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-shopping-cart-in"></i>
</div>
<div class="sample_name">
shopping-cart-in
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-shopping-cart-in-alt"></i>
</div>
<div class="sample_name">
shopping-cart-in-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-money"></i>
</div>
<div class="sample_name">
money
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-money-euro-round"></i>
</div>
<div class="sample_name">
money-euro-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-money-dollar"></i>
</div>
<div class="sample_name">
money-dollar
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-barcode"></i>
</div>
<div class="sample_name">
barcode
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-barcode-alt"></i>
</div>
<div class="sample_name">
barcode-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-globe-round"></i>
</div>
<div class="sample_name">
globe-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-globe-alt"></i>
</div>
<div class="sample_name">
globe-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-home"></i>
</div>
<div class="sample_name">
home
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-truck"></i>
</div>
<div class="sample_name">
truck
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-plane"></i>
</div>
<div class="sample_name">
plane
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-road"></i>
</div>
<div class="sample_name">
road
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-compass-round"></i>
</div>
<div class="sample_name">
compass-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-file"></i>
</div>
<div class="sample_name">
file
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-files"></i>
</div>
<div class="sample_name">
files
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-file-text"></i>
</div>
<div class="sample_name">
file-text
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-file-alt"></i>
</div>
<div class="sample_name">
file-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-file-edge"></i>
</div>
<div class="sample_name">
file-edge
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-file-black"></i>
</div>
<div class="sample_name">
file-black
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-cut"></i>
</div>
<div class="sample_name">
cut
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-paste"></i>
</div>
<div class="sample_name">
paste
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-save"></i>
</div>
<div class="sample_name">
save
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-paper-clip"></i>
</div>
<div class="sample_name">
paper-clip
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-link"></i>
</div>
<div class="sample_name">
link
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-link-alt"></i>
</div>
<div class="sample_name">
link-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-undo"></i>
</div>
<div class="sample_name">
undo
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-repeat"></i>
</div>
<div class="sample_name">
repeat
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-undo-alt"></i>
</div>
<div class="sample_name">
undo-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-repeat-alt"></i>
</div>
<div class="sample_name">
repeat-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-text-height"></i>
</div>
<div class="sample_name">
text-height
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-text-width"></i>
</div>
<div class="sample_name">
text-width
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-align-left"></i>
</div>
<div class="sample_name">
align-left
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-align-center"></i>
</div>
<div class="sample_name">
align-center
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-align-right"></i>
</div>
<div class="sample_name">
align-right
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-align-justify"></i>
</div>
<div class="sample_name">
align-justify
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-indent-left"></i>
</div>
<div class="sample_name">
indent-left
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-indent-right"></i>
</div>
<div class="sample_name">
indent-right
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-font"></i>
</div>
<div class="sample_name">
font
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-bold"></i>
</div>
<div class="sample_name">
bold
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-italic"></i>
</div>
<div class="sample_name">
italic
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-strikethrough"></i>
</div>
<div class="sample_name">
strikethrough
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-underline"></i>
</div>
<div class="sample_name">
underline
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-columns"></i>
</div>
<div class="sample_name">
columns
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-table"></i>
</div>
<div class="sample_name">
table
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-th-large"></i>
</div>
<div class="sample_name">
th-large
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-th"></i>
</div>
<div class="sample_name">
th
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-th-list"></i>
</div>
<div class="sample_name">
th-list
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-list-round"></i>
</div>
<div class="sample_name">
list-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-list-ol"></i>
</div>
<div class="sample_name">
list-ol
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-list-ul"></i>
</div>
<div class="sample_name">
list-ul
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-list-alt"></i>
</div>
<div class="sample_name">
list-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-staple"></i>
</div>
<div class="sample_name">
staple
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-staple-alt"></i>
</div>
<div class="sample_name">
staple-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-music"></i>
</div>
<div class="sample_name">
music
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-power-round"></i>
</div>
<div class="sample_name">
power-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-facetime-video"></i>
</div>
<div class="sample_name">
facetime-video
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-film"></i>
</div>
<div class="sample_name">
film
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-bullhorn"></i>
</div>
<div class="sample_name">
bullhorn
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-camera-round"></i>
</div>
<div class="sample_name">
camera-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-camera-retro"></i>
</div>
<div class="sample_name">
camera-retro
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-print-round"></i>
</div>
<div class="sample_name">
print-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-print-alt"></i>
</div>
<div class="sample_name">
print-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-hdd"></i>
</div>
<div class="sample_name">
hdd
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-headphones"></i>
</div>
<div class="sample_name">
headphones
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-play"></i>
</div>
<div class="sample_name">
play
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-play-circle"></i>
</div>
<div class="sample_name">
play-circle
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-pause"></i>
</div>
<div class="sample_name">
pause
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-stop"></i>
</div>
<div class="sample_name">
stop
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-backward"></i>
</div>
<div class="sample_name">
backward
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-forward"></i>
</div>
<div class="sample_name">
forward
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-fast-backward"></i>
</div>
<div class="sample_name">
fast-backward
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-fast-forward"></i>
</div>
<div class="sample_name">
fast-forward
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-step-backward"></i>
</div>
<div class="sample_name">
step-backward
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-step-forward"></i>
</div>
<div class="sample_name">
step-forward
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-eject"></i>
</div>
<div class="sample_name">
eject
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-fullscreen"></i>
</div>
<div class="sample_name">
fullscreen
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-resize-full"></i>
</div>
<div class="sample_name">
resize-full
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-resize-small"></i>
</div>
<div class="sample_name">
resize-small
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-trophy"></i>
</div>
<div class="sample_name">
trophy
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-umbrella-round"></i>
</div>
<div class="sample_name">
umbrella-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-gift"></i>
</div>
<div class="sample_name">
gift
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-flag"></i>
</div>
<div class="sample_name">
flag
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-flag-alt"></i>
</div>
<div class="sample_name">
flag-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-certificate"></i>
</div>
<div class="sample_name">
certificate
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-glass"></i>
</div>
<div class="sample_name">
glass
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-tint"></i>
</div>
<div class="sample_name">
tint
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-tints"></i>
</div>
<div class="sample_name">
tints
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-leaf"></i>
</div>
<div class="sample_name">
leaf
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-legal"></i>
</div>
<div class="sample_name">
legal
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-cloud"></i>
</div>
<div class="sample_name">
cloud
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-beaker"></i>
</div>
<div class="sample_name">
beaker
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-lemon"></i>
</div>
<div class="sample_name">
lemon
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-magic"></i>
</div>
<div class="sample_name">
magic
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-magic-alt"></i>
</div>
<div class="sample_name">
magic-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-bolt"></i>
</div>
<div class="sample_name">
bolt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-bolt-alt"></i>
</div>
<div class="sample_name">
bolt-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-magnet"></i>
</div>
<div class="sample_name">
magnet
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-thermometer"></i>
</div>
<div class="sample_name">
thermometer
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-bell"></i>
</div>
<div class="sample_name">
bell
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-filter"></i>
</div>
<div class="sample_name">
filter
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-hammer"></i>
</div>
<div class="sample_name">
hammer
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-plug-round"></i>
</div>
<div class="sample_name">
plug-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-shirt"></i>
</div>
<div class="sample_name">
shirt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-steering-wheel"></i>
</div>
<div class="sample_name">
steering-wheel
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-triangle"></i>
</div>
<div class="sample_name">
triangle
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-hands-up"></i>
</div>
<div class="sample_name">
hands-up
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-clock"></i>
</div>
<div class="sample_name">
clock
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-chart"></i>
</div>
<div class="sample_name">
chart
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-chart-open"></i>
</div>
<div class="sample_name">
chart-open
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-vitro"></i>
</div>
<div class="sample_name">
vitro
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-vitro-bubble"></i>
</div>
<div class="sample_name">
vitro-bubble
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-vitro-bubbles"></i>
</div>
<div class="sample_name">
vitro-bubbles
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-moon-round"></i>
</div>
<div class="sample_name">
moon-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-moon-empty"></i>
</div>
<div class="sample_name">
moon-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-moon-full"></i>
</div>
<div class="sample_name">
moon-full
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-sun-round"></i>
</div>
<div class="sample_name">
sun-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-sun-alt"></i>
</div>
<div class="sample_name">
sun-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-micro-round"></i>
</div>
<div class="sample_name">
micro-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-equalizer-round"></i>
</div>
<div class="sample_name">
equalizer-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-knots"></i>
</div>
<div class="sample_name">
knots
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-crop"></i>
</div>
<div class="sample_name">
crop
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-lectern"></i>
</div>
<div class="sample_name">
lectern
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-html"></i>
</div>
<div class="sample_name">
html
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-graph"></i>
</div>
<div class="sample_name">
graph
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-graph-alt"></i>
</div>
<div class="sample_name">
graph-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-transmit"></i>
</div>
<div class="sample_name">
transmit
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-graduation-hat"></i>
</div>
<div class="sample_name">
graduation-hat
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-star-alt-round"></i>
</div>
<div class="sample_name">
star-alt-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-cog-more"></i>
</div>
<div class="sample_name">
cog-more
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-close-sign-round"></i>
</div>
<div class="sample_name">
close-sign-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-ok-sign-round"></i>
</div>
<div class="sample_name">
ok-sign-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-plus-sign-round"></i>
</div>
<div class="sample_name">
plus-sign-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-minus-sign-round"></i>
</div>
<div class="sample_name">
minus-sign-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-attention-sign-round"></i>
</div>
<div class="sample_name">
attention-sign-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-question-sign-round"></i>
</div>
<div class="sample_name">
question-sign-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-info-sign-round"></i>
</div>
<div class="sample_name">
info-sign-round
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-caret-up-sign"></i>
</div>
<div class="sample_name">
caret-up-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-caret-right-sign"></i>
</div>
<div class="sample_name">
caret-right-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-caret-down-sign"></i>
</div>
<div class="sample_name">
caret-down-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-caret-left-sign"></i>
</div>
<div class="sample_name">
caret-left-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-edit-sign"></i>
</div>
<div class="sample_name">
edit-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-user-minus"></i>
</div>
<div class="sample_name">
user-minus
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-user-plus"></i>
</div>
<div class="sample_name">
user-plus
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-user-unknown"></i>
</div>
<div class="sample_name">
user-unknown
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-user-ok"></i>
</div>
<div class="sample_name">
user-ok
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-hand-high5"></i>
</div>
<div class="sample_name">
hand-high5
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-hand-high5-back"></i>
</div>
<div class="sample_name">
hand-high5-back
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-hand-shake"></i>
</div>
<div class="sample_name">
hand-shake
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-hand-card"></i>
</div>
<div class="sample_name">
hand-card
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-compass"></i>
</div>
<div class="sample_name">
compass
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-globe"></i>
</div>
<div class="sample_name">
globe
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-inbox-empty"></i>
</div>
<div class="sample_name">
inbox-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-inbox"></i>
</div>
<div class="sample_name">
inbox
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-task-list"></i>
</div>
<div class="sample_name">
task-list
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-user"></i>
</div>
<div class="sample_name">
user
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-mail-empty"></i>
</div>
<div class="sample_name">
mail-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-mail"></i>
</div>
<div class="sample_name">
mail
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-cog"></i>
</div>
<div class="sample_name">
cog
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-chevron-cut-up"></i>
</div>
<div class="sample_name">
chevron-cut-up
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-chevron-cut-right"></i>
</div>
<div class="sample_name">
chevron-cut-right
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-chevron-cut-down"></i>
</div>
<div class="sample_name">
chevron-cut-down
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-chevron-cut-left"></i>
</div>
<div class="sample_name">
chevron-cut-left
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-chevron-up"></i>
</div>
<div class="sample_name">
chevron-up
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-chevron-right"></i>
</div>
<div class="sample_name">
chevron-right
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-chevron-down"></i>
</div>
<div class="sample_name">
chevron-down
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-chevron-left"></i>
</div>
<div class="sample_name">
chevron-left
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-lock"></i>
</div>
<div class="sample_name">
lock
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-unlock"></i>
</div>
<div class="sample_name">
unlock
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-search"></i>
</div>
<div class="sample_name">
search
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-visible"></i>
</div>
<div class="sample_name">
visible
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-unvisible"></i>
</div>
<div class="sample_name">
unvisible
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-pencil"></i>
</div>
<div class="sample_name">
pencil
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-trash"></i>
</div>
<div class="sample_name">
trash
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-sort-down"></i>
</div>
<div class="sample_name">
sort-down
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-sort-up"></i>
</div>
<div class="sample_name">
sort-up
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-sort"></i>
</div>
<div class="sample_name">
sort
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-plus-sign"></i>
</div>
<div class="sample_name">
plus-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-minus-sign"></i>
</div>
<div class="sample_name">
minus-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-ok-sign"></i>
</div>
<div class="sample_name">
ok-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-close-sign"></i>
</div>
<div class="sample_name">
close-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-question-sign"></i>
</div>
<div class="sample_name">
question-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-info-sign"></i>
</div>
<div class="sample_name">
info-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-attention-sign"></i>
</div>
<div class="sample_name">
attention-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-plus"></i>
</div>
<div class="sample_name">
plus
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-minus"></i>
</div>
<div class="sample_name">
minus
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-ok"></i>
</div>
<div class="sample_name">
ok
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-close"></i>
</div>
<div class="sample_name">
close
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-question"></i>
</div>
<div class="sample_name">
question
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-info"></i>
</div>
<div class="sample_name">
info
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-attention"></i>
</div>
<div class="sample_name">
attention
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-work"></i>
</div>
<div class="sample_name">
work
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-private"></i>
</div>
<div class="sample_name">
private
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-picture"></i>
</div>
<div class="sample_name">
picture
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-pushpin"></i>
</div>
<div class="sample_name">
pushpin
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-heart"></i>
</div>
<div class="sample_name">
heart
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-map-marker"></i>
</div>
<div class="sample_name">
map-marker
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-user-group"></i>
</div>
<div class="sample_name">
user-group
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-time"></i>
</div>
<div class="sample_name">
time
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-star-alt"></i>
</div>
<div class="sample_name">
star-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-book-open"></i>
</div>
<div class="sample_name">
book-open
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-calendar"></i>
</div>
<div class="sample_name">
calendar
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-calendar-invert"></i>
</div>
<div class="sample_name">
calendar-invert
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-target"></i>
</div>
<div class="sample_name">
target
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-umbrella"></i>
</div>
<div class="sample_name">
umbrella
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-equalizer"></i>
</div>
<div class="sample_name">
equalizer
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-list"></i>
</div>
<div class="sample_name">
list
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-star"></i>
</div>
<div class="sample_name">
star
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-star-half"></i>
</div>
<div class="sample_name">
star-half
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-money-euro"></i>
</div>
<div class="sample_name">
money-euro
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-tag-alt"></i>
</div>
<div class="sample_name">
tag-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-print"></i>
</div>
<div class="sample_name">
print
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-message"></i>
</div>
<div class="sample_name">
message
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-comment"></i>
</div>
<div class="sample_name">
comment
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-comments"></i>
</div>
<div class="sample_name">
comments
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-camera"></i>
</div>
<div class="sample_name">
camera
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-description"></i>
</div>
<div class="sample_name">
description
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-bar-chart"></i>
</div>
<div class="sample_name">
bar-chart
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-wrench"></i>
</div>
<div class="sample_name">
wrench
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-user-male"></i>
</div>
<div class="sample_name">
user-male
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-user-female"></i>
</div>
<div class="sample_name">
user-female
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-user-male-alt"></i>
</div>
<div class="sample_name">
user-male-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-user-female-alt"></i>
</div>
<div class="sample_name">
user-female-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-company"></i>
</div>
<div class="sample_name">
company
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-sun"></i>
</div>
<div class="sample_name">
sun
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-moon"></i>
</div>
<div class="sample_name">
moon
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-inside"></i>
</div>
<div class="sample_name">
inside
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-outside"></i>
</div>
<div class="sample_name">
outside
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-wlan"></i>
</div>
<div class="sample_name">
wlan
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-beamer"></i>
</div>
<div class="sample_name">
beamer
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-micro"></i>
</div>
<div class="sample_name">
micro
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-plug"></i>
</div>
<div class="sample_name">
plug
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-internet"></i>
</div>
<div class="sample_name">
internet
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-power"></i>
</div>
<div class="sample_name">
power
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-wheelchair"></i>
</div>
<div class="sample_name">
wheelchair
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-smoking-sign"></i>
</div>
<div class="sample_name">
smoking-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-smoking"></i>
</div>
<div class="sample_name">
smoking
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-no-smoking"></i>
</div>
<div class="sample_name">
no-smoking
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-parking-sign"></i>
</div>
<div class="sample_name">
parking-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-parking-meter"></i>
</div>
<div class="sample_name">
parking-meter
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-elevator"></i>
</div>
<div class="sample_name">
elevator
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-toilette"></i>
</div>
<div class="sample_name">
toilette
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-coffee"></i>
</div>
<div class="sample_name">
coffee
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-water"></i>
</div>
<div class="sample_name">
water
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-pizza"></i>
</div>
<div class="sample_name">
pizza
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-burger"></i>
</div>
<div class="sample_name">
burger
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-softdrink"></i>
</div>
<div class="sample_name">
softdrink
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-fastfood"></i>
</div>
<div class="sample_name">
fastfood
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-catering"></i>
</div>
<div class="sample_name">
catering
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-wine"></i>
</div>
<div class="sample_name">
wine
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-plates"></i>
</div>
<div class="sample_name">
plates
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-kitchen"></i>
</div>
<div class="sample_name">
kitchen
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-layout-round-table"></i>
</div>
<div class="sample_name">
layout-round-table
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-layout-classroom"></i>
</div>
<div class="sample_name">
layout-classroom
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-layout-banquet"></i>
</div>
<div class="sample_name">
layout-banquet
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-layout-theater"></i>
</div>
<div class="sample_name">
layout-theater
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-layout-u-table"></i>
</div>
<div class="sample_name">
layout-u-table
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="magicons-layout-workspace"></i>
</div>
<div class="sample_name">
layout-workspace
</div>
</div>
<div class="clearfix"></div>
<hr>
<div style="padding: 10px; font-size: 12px; line-height: 20px; color: #444;">
<strong>12px: </strong>
<i class="magicons-close-round"></i>
<i class="magicons-ok-round"></i>
<i class="magicons-minus-round"></i>
<i class="magicons-plus-round"></i>
<i class="magicons-ban-circle"></i>
<i class="magicons-attention-round"></i>
<i class="magicons-info-round"></i>
<i class="magicons-question-round"></i>
<i class="magicons-arrow-up"></i>
<i class="magicons-arrow-right"></i>
<i class="magicons-arrow-down"></i>
<i class="magicons-arrow-left"></i>
<i class="magicons-fat-arrow-up"></i>
<i class="magicons-fat-arrow-right"></i>
<i class="magicons-fat-arrow-down"></i>
<i class="magicons-fat-arrow-left"></i>
<i class="magicons-chevron-round-up"></i>
<i class="magicons-chevron-round-right"></i>
<i class="magicons-chevron-round-down"></i>
<i class="magicons-chevron-round-left"></i>
<i class="magicons-caret-up"></i>
<i class="magicons-caret-right"></i>
<i class="magicons-caret-down"></i>
<i class="magicons-caret-left"></i>
<i class="magicons-hand-up"></i>
<i class="magicons-hand-right"></i>
<i class="magicons-hand-down"></i>
<i class="magicons-hand-left"></i>
<i class="magicons-hand-fuck"></i>
<i class="magicons-hand-rock-back"></i>
<i class="magicons-hand-rock"></i>
<i class="magicons-thumb-up"></i>
<i class="magicons-thumb-right"></i>
<i class="magicons-thumb-down"></i>
<i class="magicons-thumb-left"></i>
<i class="magicons-handflat-left"></i>
<i class="magicons-handflat-both"></i>
<i class="magicons-handflat-right"></i>
<i class="magicons-heart-round"></i>
<i class="magicons-heart-empty"></i>
<i class="magicons-comment-round"></i>
<i class="magicons-comment-empty"></i>
<i class="magicons-comments-round"></i>
<i class="magicons-comments-empty"></i>
<i class="magicons-bookmark"></i>
<i class="magicons-bookmark-empty"></i>
<i class="magicons-envelope"></i>
<i class="magicons-envelope-alt"></i>
<i class="magicons-envelope-open"></i>
<i class="magicons-envelope-open-alt"></i>
<i class="magicons-envelope-filled"></i>
<i class="magicons-envelope-filled-alt"></i>
<i class="magicons-envelope-inlay-open"></i>
<i class="magicons-envelope-inlay-open-alt"></i>
<i class="magicons-envelope-inlay-filled"></i>
<i class="magicons-envelope-inlay-filled-alt"></i>
<i class="magicons-tag"></i>
<i class="magicons-tags"></i>
<i class="magicons-star-round"></i>
<i class="magicons-star-empty"></i>
<i class="magicons-star-half-round"></i>
<i class="magicons-star-half-empty"></i>
<i class="magicons-user-male-round"></i>
<i class="magicons-user-female-round"></i>
<i class="magicons-user-group-round"></i>
<i class="magicons-user-group-alt"></i>
<i class="magicons-user-group-big"></i>
<i class="magicons-search-round"></i>
<i class="magicons-zoom-in"></i>
<i class="magicons-zoom-out"></i>
<i class="magicons-lock-round"></i>
<i class="magicons-unlock-round"></i>
<i class="magicons-wrench-round"></i>
<i class="magicons-cog-round"></i>
<i class="magicons-cog-alt"></i>
<i class="magicons-cogs"></i>
<i class="magicons-trash-round"></i>
<i class="magicons-key"></i>
<i class="magicons-key-alt"></i>
<i class="magicons-pushpin-round"></i>
<i class="magicons-map-marker-round"></i>
<i class="magicons-time-round"></i>
<i class="magicons-time-alt"></i>
<i class="magicons-move"></i>
<i class="magicons-resize-horizontal"></i>
<i class="magicons-resize-vertical"></i>
<i class="magicons-retweet"></i>
<i class="magicons-reload"></i>
<i class="magicons-random"></i>
<i class="magicons-refresh"></i>
<i class="magicons-adjust"></i>
<i class="magicons-asterisk"></i>
<i class="magicons-screenshot"></i>
<i class="magicons-target-round"></i>
<i class="magicons-volume-one"></i>
<i class="magicons-volume-two"></i>
<i class="magicons-volume-three"></i>
<i class="magicons-sort-round"></i>
<i class="magicons-sort-round-down"></i>
<i class="magicons-sort-round-up"></i>
<i class="magicons-signin"></i>
<i class="magicons-signout"></i>
<i class="magicons-sitemap"></i>
<i class="magicons-signal"></i>
<i class="magicons-download"></i>
<i class="magicons-upload"></i>
<i class="magicons-facebook"></i>
<i class="magicons-twitter"></i>
<i class="magicons-github"></i>
<i class="magicons-github-alt"></i>
<i class="magicons-pinterest"></i>
<i class="magicons-linkedin"></i>
<i class="magicons-google-plus"></i>
<i class="magicons-flickr"></i>
<i class="magicons-picasa"></i>
<i class="magicons-rss"></i>
<i class="magicons-firefox"></i>
<i class="magicons-ie"></i>
<i class="magicons-opera"></i>
<i class="magicons-chrome"></i>
<i class="magicons-safari"></i>
<i class="magicons-phone"></i>
<i class="magicons-phone-pickup"></i>
<i class="magicons-phone-hangup"></i>
<i class="magicons-pencil-round"></i>
<i class="magicons-pencil-alt"></i>
<i class="magicons-ballpen"></i>
<i class="magicons-briefcase"></i>
<i class="magicons-briefcase-alt"></i>
<i class="magicons-inbox-round"></i>
<i class="magicons-dashboard"></i>
<i class="magicons-folder-close"></i>
<i class="magicons-folder-open"></i>
<i class="magicons-folder-alt"></i>
<i class="magicons-book"></i>
<i class="magicons-book-marked"></i>
<i class="magicons-book-marked-alt"></i>
<i class="magicons-address-book"></i>
<i class="magicons-address-book-marked"></i>
<i class="magicons-address-book-marked-alt"></i>
<i class="magicons-book-open-round"></i>
<i class="magicons-book-open-alt"></i>
<i class="magicons-book-open-filled"></i>
<i class="magicons-tasks"></i>
<i class="magicons-reorder"></i>
<i class="magicons-bar-chart-round"></i>
<i class="magicons-clipboard-tasks"></i>
<i class="magicons-clipboard-check"></i>
<i class="magicons-clipboard-tasks-edge"></i>
<i class="magicons-clipboard-check-edge"></i>
<i class="magicons-pile-list-marked"></i>
<i class="magicons-pile-check-marked-edge"></i>
<i class="magicons-ringbinder-month"></i>
<i class="magicons-ringbinder-day"></i>
<i class="magicons-ringbinder-list"></i>
<i class="magicons-ringbinder-month-edge"></i>
<i class="magicons-ringbinder-day-edge"></i>
<i class="magicons-ringbinder-list-edge"></i>
<i class="magicons-picture-round"></i>
<i class="magicons-picture-alt"></i>
<i class="magicons-pictures"></i>
<i class="magicons-external-link"></i>
<i class="magicons-share"></i>
<i class="magicons-edit"></i>
<i class="magicons-check"></i>
<i class="magicons-check-empty"></i>
<i class="magicons-credit-card"></i>
<i class="magicons-qrcode"></i>
<i class="magicons-shopping-cart"></i>
<i class="magicons-shopping-cart-alt"></i>
<i class="magicons-shopping-cart-in"></i>
<i class="magicons-shopping-cart-in-alt"></i>
<i class="magicons-money"></i>
<i class="magicons-money-euro-round"></i>
<i class="magicons-money-dollar"></i>
<i class="magicons-barcode"></i>
<i class="magicons-barcode-alt"></i>
<i class="magicons-globe-round"></i>
<i class="magicons-globe-alt"></i>
<i class="magicons-home"></i>
<i class="magicons-truck"></i>
<i class="magicons-plane"></i>
<i class="magicons-road"></i>
<i class="magicons-compass-round"></i>
<i class="magicons-file"></i>
<i class="magicons-files"></i>
<i class="magicons-file-text"></i>
<i class="magicons-file-alt"></i>
<i class="magicons-file-edge"></i>
<i class="magicons-file-black"></i>
<i class="magicons-cut"></i>
<i class="magicons-paste"></i>
<i class="magicons-save"></i>
<i class="magicons-paper-clip"></i>
<i class="magicons-link"></i>
<i class="magicons-link-alt"></i>
<i class="magicons-undo"></i>
<i class="magicons-repeat"></i>
<i class="magicons-undo-alt"></i>
<i class="magicons-repeat-alt"></i>
<i class="magicons-text-height"></i>
<i class="magicons-text-width"></i>
<i class="magicons-align-left"></i>
<i class="magicons-align-center"></i>
<i class="magicons-align-right"></i>
<i class="magicons-align-justify"></i>
<i class="magicons-indent-left"></i>
<i class="magicons-indent-right"></i>
<i class="magicons-font"></i>
<i class="magicons-bold"></i>
<i class="magicons-italic"></i>
<i class="magicons-strikethrough"></i>
<i class="magicons-underline"></i>
<i class="magicons-columns"></i>
<i class="magicons-table"></i>
<i class="magicons-th-large"></i>
<i class="magicons-th"></i>
<i class="magicons-th-list"></i>
<i class="magicons-list-round"></i>
<i class="magicons-list-ol"></i>
<i class="magicons-list-ul"></i>
<i class="magicons-list-alt"></i>
<i class="magicons-staple"></i>
<i class="magicons-staple-alt"></i>
<i class="magicons-music"></i>
<i class="magicons-power-round"></i>
<i class="magicons-facetime-video"></i>
<i class="magicons-film"></i>
<i class="magicons-bullhorn"></i>
<i class="magicons-camera-round"></i>
<i class="magicons-camera-retro"></i>
<i class="magicons-print-round"></i>
<i class="magicons-print-alt"></i>
<i class="magicons-hdd"></i>
<i class="magicons-headphones"></i>
<i class="magicons-play"></i>
<i class="magicons-play-circle"></i>
<i class="magicons-pause"></i>
<i class="magicons-stop"></i>
<i class="magicons-backward"></i>
<i class="magicons-forward"></i>
<i class="magicons-fast-backward"></i>
<i class="magicons-fast-forward"></i>
<i class="magicons-step-backward"></i>
<i class="magicons-step-forward"></i>
<i class="magicons-eject"></i>
<i class="magicons-fullscreen"></i>
<i class="magicons-resize-full"></i>
<i class="magicons-resize-small"></i>
<i class="magicons-trophy"></i>
<i class="magicons-umbrella-round"></i>
<i class="magicons-gift"></i>
<i class="magicons-flag"></i>
<i class="magicons-flag-alt"></i>
<i class="magicons-certificate"></i>
<i class="magicons-glass"></i>
<i class="magicons-tint"></i>
<i class="magicons-tints"></i>
<i class="magicons-leaf"></i>
<i class="magicons-legal"></i>
<i class="magicons-cloud"></i>
<i class="magicons-beaker"></i>
<i class="magicons-lemon"></i>
<i class="magicons-magic"></i>
<i class="magicons-magic-alt"></i>
<i class="magicons-bolt"></i>
<i class="magicons-bolt-alt"></i>
<i class="magicons-magnet"></i>
<i class="magicons-thermometer"></i>
<i class="magicons-bell"></i>
<i class="magicons-filter"></i>
<i class="magicons-hammer"></i>
<i class="magicons-plug-round"></i>
<i class="magicons-shirt"></i>
<i class="magicons-steering-wheel"></i>
<i class="magicons-triangle"></i>
<i class="magicons-hands-up"></i>
<i class="magicons-clock"></i>
<i class="magicons-chart"></i>
<i class="magicons-chart-open"></i>
<i class="magicons-vitro"></i>
<i class="magicons-vitro-bubble"></i>
<i class="magicons-vitro-bubbles"></i>
<i class="magicons-moon-round"></i>
<i class="magicons-moon-empty"></i>
<i class="magicons-moon-full"></i>
<i class="magicons-sun-round"></i>
<i class="magicons-sun-alt"></i>
<i class="magicons-micro-round"></i>
<i class="magicons-equalizer-round"></i>
<i class="magicons-knots"></i>
<i class="magicons-crop"></i>
<i class="magicons-lectern"></i>
<i class="magicons-html"></i>
<i class="magicons-graph"></i>
<i class="magicons-graph-alt"></i>
<i class="magicons-transmit"></i>
<i class="magicons-graduation-hat"></i>
<i class="magicons-star-alt-round"></i>
<i class="magicons-cog-more"></i>
<i class="magicons-close-sign-round"></i>
<i class="magicons-ok-sign-round"></i>
<i class="magicons-plus-sign-round"></i>
<i class="magicons-minus-sign-round"></i>
<i class="magicons-attention-sign-round"></i>
<i class="magicons-question-sign-round"></i>
<i class="magicons-info-sign-round"></i>
<i class="magicons-caret-up-sign"></i>
<i class="magicons-caret-right-sign"></i>
<i class="magicons-caret-down-sign"></i>
<i class="magicons-caret-left-sign"></i>
<i class="magicons-edit-sign"></i>
<i class="magicons-user-minus"></i>
<i class="magicons-user-plus"></i>
<i class="magicons-user-unknown"></i>
<i class="magicons-user-ok"></i>
<i class="magicons-hand-high5"></i>
<i class="magicons-hand-high5-back"></i>
<i class="magicons-hand-shake"></i>
<i class="magicons-hand-card"></i>
<i class="magicons-compass"></i>
<i class="magicons-globe"></i>
<i class="magicons-inbox-empty"></i>
<i class="magicons-inbox"></i>
<i class="magicons-task-list"></i>
<i class="magicons-user"></i>
<i class="magicons-mail-empty"></i>
<i class="magicons-mail"></i>
<i class="magicons-cog"></i>
<i class="magicons-chevron-cut-up"></i>
<i class="magicons-chevron-cut-right"></i>
<i class="magicons-chevron-cut-down"></i>
<i class="magicons-chevron-cut-left"></i>
<i class="magicons-chevron-up"></i>
<i class="magicons-chevron-right"></i>
<i class="magicons-chevron-down"></i>
<i class="magicons-chevron-left"></i>
<i class="magicons-lock"></i>
<i class="magicons-unlock"></i>
<i class="magicons-search"></i>
<i class="magicons-visible"></i>
<i class="magicons-unvisible"></i>
<i class="magicons-pencil"></i>
<i class="magicons-trash"></i>
<i class="magicons-sort-down"></i>
<i class="magicons-sort-up"></i>
<i class="magicons-sort"></i>
<i class="magicons-plus-sign"></i>
<i class="magicons-minus-sign"></i>
<i class="magicons-ok-sign"></i>
<i class="magicons-close-sign"></i>
<i class="magicons-question-sign"></i>
<i class="magicons-info-sign"></i>
<i class="magicons-attention-sign"></i>
<i class="magicons-plus"></i>
<i class="magicons-minus"></i>
<i class="magicons-ok"></i>
<i class="magicons-close"></i>
<i class="magicons-question"></i>
<i class="magicons-info"></i>
<i class="magicons-attention"></i>
<i class="magicons-work"></i>
<i class="magicons-private"></i>
<i class="magicons-picture"></i>
<i class="magicons-pushpin"></i>
<i class="magicons-heart"></i>
<i class="magicons-map-marker"></i>
<i class="magicons-user-group"></i>
<i class="magicons-time"></i>
<i class="magicons-star-alt"></i>
<i class="magicons-book-open"></i>
<i class="magicons-calendar"></i>
<i class="magicons-calendar-invert"></i>
<i class="magicons-target"></i>
<i class="magicons-umbrella"></i>
<i class="magicons-equalizer"></i>
<i class="magicons-list"></i>
<i class="magicons-star"></i>
<i class="magicons-star-half"></i>
<i class="magicons-money-euro"></i>
<i class="magicons-tag-alt"></i>
<i class="magicons-print"></i>
<i class="magicons-message"></i>
<i class="magicons-comment"></i>
<i class="magicons-comments"></i>
<i class="magicons-camera"></i>
<i class="magicons-description"></i>
<i class="magicons-bar-chart"></i>
<i class="magicons-wrench"></i>
<i class="magicons-user-male"></i>
<i class="magicons-user-female"></i>
<i class="magicons-user-male-alt"></i>
<i class="magicons-user-female-alt"></i>
<i class="magicons-company"></i>
<i class="magicons-sun"></i>
<i class="magicons-moon"></i>
<i class="magicons-inside"></i>
<i class="magicons-outside"></i>
<i class="magicons-wlan"></i>
<i class="magicons-beamer"></i>
<i class="magicons-micro"></i>
<i class="magicons-plug"></i>
<i class="magicons-internet"></i>
<i class="magicons-power"></i>
<i class="magicons-wheelchair"></i>
<i class="magicons-smoking-sign"></i>
<i class="magicons-smoking"></i>
<i class="magicons-no-smoking"></i>
<i class="magicons-parking-sign"></i>
<i class="magicons-parking-meter"></i>
<i class="magicons-elevator"></i>
<i class="magicons-toilette"></i>
<i class="magicons-coffee"></i>
<i class="magicons-water"></i>
<i class="magicons-pizza"></i>
<i class="magicons-burger"></i>
<i class="magicons-softdrink"></i>
<i class="magicons-fastfood"></i>
<i class="magicons-catering"></i>
<i class="magicons-wine"></i>
<i class="magicons-plates"></i>
<i class="magicons-kitchen"></i>
<i class="magicons-layout-round-table"></i>
<i class="magicons-layout-classroom"></i>
<i class="magicons-layout-banquet"></i>
<i class="magicons-layout-theater"></i>
<i class="magicons-layout-u-table"></i>
<i class="magicons-layout-workspace"></i>
</div>
<div style="padding: 10px; font-size: 16px; line-height: 24px; color: #444;">
<strong>16px: </strong>
<i class="magicons-close-round"></i>
<i class="magicons-ok-round"></i>
<i class="magicons-minus-round"></i>
<i class="magicons-plus-round"></i>
<i class="magicons-ban-circle"></i>
<i class="magicons-attention-round"></i>
<i class="magicons-info-round"></i>
<i class="magicons-question-round"></i>
<i class="magicons-arrow-up"></i>
<i class="magicons-arrow-right"></i>
<i class="magicons-arrow-down"></i>
<i class="magicons-arrow-left"></i>
<i class="magicons-fat-arrow-up"></i>
<i class="magicons-fat-arrow-right"></i>
<i class="magicons-fat-arrow-down"></i>
<i class="magicons-fat-arrow-left"></i>
<i class="magicons-chevron-round-up"></i>
<i class="magicons-chevron-round-right"></i>
<i class="magicons-chevron-round-down"></i>
<i class="magicons-chevron-round-left"></i>
<i class="magicons-caret-up"></i>
<i class="magicons-caret-right"></i>
<i class="magicons-caret-down"></i>
<i class="magicons-caret-left"></i>
<i class="magicons-hand-up"></i>
<i class="magicons-hand-right"></i>
<i class="magicons-hand-down"></i>
<i class="magicons-hand-left"></i>
<i class="magicons-hand-fuck"></i>
<i class="magicons-hand-rock-back"></i>
<i class="magicons-hand-rock"></i>
<i class="magicons-thumb-up"></i>
<i class="magicons-thumb-right"></i>
<i class="magicons-thumb-down"></i>
<i class="magicons-thumb-left"></i>
<i class="magicons-handflat-left"></i>
<i class="magicons-handflat-both"></i>
<i class="magicons-handflat-right"></i>
<i class="magicons-heart-round"></i>
<i class="magicons-heart-empty"></i>
<i class="magicons-comment-round"></i>
<i class="magicons-comment-empty"></i>
<i class="magicons-comments-round"></i>
<i class="magicons-comments-empty"></i>
<i class="magicons-bookmark"></i>
<i class="magicons-bookmark-empty"></i>
<i class="magicons-envelope"></i>
<i class="magicons-envelope-alt"></i>
<i class="magicons-envelope-open"></i>
<i class="magicons-envelope-open-alt"></i>
<i class="magicons-envelope-filled"></i>
<i class="magicons-envelope-filled-alt"></i>
<i class="magicons-envelope-inlay-open"></i>
<i class="magicons-envelope-inlay-open-alt"></i>
<i class="magicons-envelope-inlay-filled"></i>
<i class="magicons-envelope-inlay-filled-alt"></i>
<i class="magicons-tag"></i>
<i class="magicons-tags"></i>
<i class="magicons-star-round"></i>
<i class="magicons-star-empty"></i>
<i class="magicons-star-half-round"></i>
<i class="magicons-star-half-empty"></i>
<i class="magicons-user-male-round"></i>
<i class="magicons-user-female-round"></i>
<i class="magicons-user-group-round"></i>
<i class="magicons-user-group-alt"></i>
<i class="magicons-user-group-big"></i>
<i class="magicons-search-round"></i>
<i class="magicons-zoom-in"></i>
<i class="magicons-zoom-out"></i>
<i class="magicons-lock-round"></i>
<i class="magicons-unlock-round"></i>
<i class="magicons-wrench-round"></i>
<i class="magicons-cog-round"></i>
<i class="magicons-cog-alt"></i>
<i class="magicons-cogs"></i>
<i class="magicons-trash-round"></i>
<i class="magicons-key"></i>
<i class="magicons-key-alt"></i>
<i class="magicons-pushpin-round"></i>
<i class="magicons-map-marker-round"></i>
<i class="magicons-time-round"></i>
<i class="magicons-time-alt"></i>
<i class="magicons-move"></i>
<i class="magicons-resize-horizontal"></i>
<i class="magicons-resize-vertical"></i>
<i class="magicons-retweet"></i>
<i class="magicons-reload"></i>
<i class="magicons-random"></i>
<i class="magicons-refresh"></i>
<i class="magicons-adjust"></i>
<i class="magicons-asterisk"></i>
<i class="magicons-screenshot"></i>
<i class="magicons-target-round"></i>
<i class="magicons-volume-one"></i>
<i class="magicons-volume-two"></i>
<i class="magicons-volume-three"></i>
<i class="magicons-sort-round"></i>
<i class="magicons-sort-round-down"></i>
<i class="magicons-sort-round-up"></i>
<i class="magicons-signin"></i>
<i class="magicons-signout"></i>
<i class="magicons-sitemap"></i>
<i class="magicons-signal"></i>
<i class="magicons-download"></i>
<i class="magicons-upload"></i>
<i class="magicons-facebook"></i>
<i class="magicons-twitter"></i>
<i class="magicons-github"></i>
<i class="magicons-github-alt"></i>
<i class="magicons-pinterest"></i>
<i class="magicons-linkedin"></i>
<i class="magicons-google-plus"></i>
<i class="magicons-flickr"></i>
<i class="magicons-picasa"></i>
<i class="magicons-rss"></i>
<i class="magicons-firefox"></i>
<i class="magicons-ie"></i>
<i class="magicons-opera"></i>
<i class="magicons-chrome"></i>
<i class="magicons-safari"></i>
<i class="magicons-phone"></i>
<i class="magicons-phone-pickup"></i>
<i class="magicons-phone-hangup"></i>
<i class="magicons-pencil-round"></i>
<i class="magicons-pencil-alt"></i>
<i class="magicons-ballpen"></i>
<i class="magicons-briefcase"></i>
<i class="magicons-briefcase-alt"></i>
<i class="magicons-inbox-round"></i>
<i class="magicons-dashboard"></i>
<i class="magicons-folder-close"></i>
<i class="magicons-folder-open"></i>
<i class="magicons-folder-alt"></i>
<i class="magicons-book"></i>
<i class="magicons-book-marked"></i>
<i class="magicons-book-marked-alt"></i>
<i class="magicons-address-book"></i>
<i class="magicons-address-book-marked"></i>
<i class="magicons-address-book-marked-alt"></i>
<i class="magicons-book-open-round"></i>
<i class="magicons-book-open-alt"></i>
<i class="magicons-book-open-filled"></i>
<i class="magicons-tasks"></i>
<i class="magicons-reorder"></i>
<i class="magicons-bar-chart-round"></i>
<i class="magicons-clipboard-tasks"></i>
<i class="magicons-clipboard-check"></i>
<i class="magicons-clipboard-tasks-edge"></i>
<i class="magicons-clipboard-check-edge"></i>
<i class="magicons-pile-list-marked"></i>
<i class="magicons-pile-check-marked-edge"></i>
<i class="magicons-ringbinder-month"></i>
<i class="magicons-ringbinder-day"></i>
<i class="magicons-ringbinder-list"></i>
<i class="magicons-ringbinder-month-edge"></i>
<i class="magicons-ringbinder-day-edge"></i>
<i class="magicons-ringbinder-list-edge"></i>
<i class="magicons-picture-round"></i>
<i class="magicons-picture-alt"></i>
<i class="magicons-pictures"></i>
<i class="magicons-external-link"></i>
<i class="magicons-share"></i>
<i class="magicons-edit"></i>
<i class="magicons-check"></i>
<i class="magicons-check-empty"></i>
<i class="magicons-credit-card"></i>
<i class="magicons-qrcode"></i>
<i class="magicons-shopping-cart"></i>
<i class="magicons-shopping-cart-alt"></i>
<i class="magicons-shopping-cart-in"></i>
<i class="magicons-shopping-cart-in-alt"></i>
<i class="magicons-money"></i>
<i class="magicons-money-euro-round"></i>
<i class="magicons-money-dollar"></i>
<i class="magicons-barcode"></i>
<i class="magicons-barcode-alt"></i>
<i class="magicons-globe-round"></i>
<i class="magicons-globe-alt"></i>
<i class="magicons-home"></i>
<i class="magicons-truck"></i>
<i class="magicons-plane"></i>
<i class="magicons-road"></i>
<i class="magicons-compass-round"></i>
<i class="magicons-file"></i>
<i class="magicons-files"></i>
<i class="magicons-file-text"></i>
<i class="magicons-file-alt"></i>
<i class="magicons-file-edge"></i>
<i class="magicons-file-black"></i>
<i class="magicons-cut"></i>
<i class="magicons-paste"></i>
<i class="magicons-save"></i>
<i class="magicons-paper-clip"></i>
<i class="magicons-link"></i>
<i class="magicons-link-alt"></i>
<i class="magicons-undo"></i>
<i class="magicons-repeat"></i>
<i class="magicons-undo-alt"></i>
<i class="magicons-repeat-alt"></i>
<i class="magicons-text-height"></i>
<i class="magicons-text-width"></i>
<i class="magicons-align-left"></i>
<i class="magicons-align-center"></i>
<i class="magicons-align-right"></i>
<i class="magicons-align-justify"></i>
<i class="magicons-indent-left"></i>
<i class="magicons-indent-right"></i>
<i class="magicons-font"></i>
<i class="magicons-bold"></i>
<i class="magicons-italic"></i>
<i class="magicons-strikethrough"></i>
<i class="magicons-underline"></i>
<i class="magicons-columns"></i>
<i class="magicons-table"></i>
<i class="magicons-th-large"></i>
<i class="magicons-th"></i>
<i class="magicons-th-list"></i>
<i class="magicons-list-round"></i>
<i class="magicons-list-ol"></i>
<i class="magicons-list-ul"></i>
<i class="magicons-list-alt"></i>
<i class="magicons-staple"></i>
<i class="magicons-staple-alt"></i>
<i class="magicons-music"></i>
<i class="magicons-power-round"></i>
<i class="magicons-facetime-video"></i>
<i class="magicons-film"></i>
<i class="magicons-bullhorn"></i>
<i class="magicons-camera-round"></i>
<i class="magicons-camera-retro"></i>
<i class="magicons-print-round"></i>
<i class="magicons-print-alt"></i>
<i class="magicons-hdd"></i>
<i class="magicons-headphones"></i>
<i class="magicons-play"></i>
<i class="magicons-play-circle"></i>
<i class="magicons-pause"></i>
<i class="magicons-stop"></i>
<i class="magicons-backward"></i>
<i class="magicons-forward"></i>
<i class="magicons-fast-backward"></i>
<i class="magicons-fast-forward"></i>
<i class="magicons-step-backward"></i>
<i class="magicons-step-forward"></i>
<i class="magicons-eject"></i>
<i class="magicons-fullscreen"></i>
<i class="magicons-resize-full"></i>
<i class="magicons-resize-small"></i>
<i class="magicons-trophy"></i>
<i class="magicons-umbrella-round"></i>
<i class="magicons-gift"></i>
<i class="magicons-flag"></i>
<i class="magicons-flag-alt"></i>
<i class="magicons-certificate"></i>
<i class="magicons-glass"></i>
<i class="magicons-tint"></i>
<i class="magicons-tints"></i>
<i class="magicons-leaf"></i>
<i class="magicons-legal"></i>
<i class="magicons-cloud"></i>
<i class="magicons-beaker"></i>
<i class="magicons-lemon"></i>
<i class="magicons-magic"></i>
<i class="magicons-magic-alt"></i>
<i class="magicons-bolt"></i>
<i class="magicons-bolt-alt"></i>
<i class="magicons-magnet"></i>
<i class="magicons-thermometer"></i>
<i class="magicons-bell"></i>
<i class="magicons-filter"></i>
<i class="magicons-hammer"></i>
<i class="magicons-plug-round"></i>
<i class="magicons-shirt"></i>
<i class="magicons-steering-wheel"></i>
<i class="magicons-triangle"></i>
<i class="magicons-hands-up"></i>
<i class="magicons-clock"></i>
<i class="magicons-chart"></i>
<i class="magicons-chart-open"></i>
<i class="magicons-vitro"></i>
<i class="magicons-vitro-bubble"></i>
<i class="magicons-vitro-bubbles"></i>
<i class="magicons-moon-round"></i>
<i class="magicons-moon-empty"></i>
<i class="magicons-moon-full"></i>
<i class="magicons-sun-round"></i>
<i class="magicons-sun-alt"></i>
<i class="magicons-micro-round"></i>
<i class="magicons-equalizer-round"></i>
<i class="magicons-knots"></i>
<i class="magicons-crop"></i>
<i class="magicons-lectern"></i>
<i class="magicons-html"></i>
<i class="magicons-graph"></i>
<i class="magicons-graph-alt"></i>
<i class="magicons-transmit"></i>
<i class="magicons-graduation-hat"></i>
<i class="magicons-star-alt-round"></i>
<i class="magicons-cog-more"></i>
<i class="magicons-close-sign-round"></i>
<i class="magicons-ok-sign-round"></i>
<i class="magicons-plus-sign-round"></i>
<i class="magicons-minus-sign-round"></i>
<i class="magicons-attention-sign-round"></i>
<i class="magicons-question-sign-round"></i>
<i class="magicons-info-sign-round"></i>
<i class="magicons-caret-up-sign"></i>
<i class="magicons-caret-right-sign"></i>
<i class="magicons-caret-down-sign"></i>
<i class="magicons-caret-left-sign"></i>
<i class="magicons-edit-sign"></i>
<i class="magicons-user-minus"></i>
<i class="magicons-user-plus"></i>
<i class="magicons-user-unknown"></i>
<i class="magicons-user-ok"></i>
<i class="magicons-hand-high5"></i>
<i class="magicons-hand-high5-back"></i>
<i class="magicons-hand-shake"></i>
<i class="magicons-hand-card"></i>
<i class="magicons-compass"></i>
<i class="magicons-globe"></i>
<i class="magicons-inbox-empty"></i>
<i class="magicons-inbox"></i>
<i class="magicons-task-list"></i>
<i class="magicons-user"></i>
<i class="magicons-mail-empty"></i>
<i class="magicons-mail"></i>
<i class="magicons-cog"></i>
<i class="magicons-chevron-cut-up"></i>
<i class="magicons-chevron-cut-right"></i>
<i class="magicons-chevron-cut-down"></i>
<i class="magicons-chevron-cut-left"></i>
<i class="magicons-chevron-up"></i>
<i class="magicons-chevron-right"></i>
<i class="magicons-chevron-down"></i>
<i class="magicons-chevron-left"></i>
<i class="magicons-lock"></i>
<i class="magicons-unlock"></i>
<i class="magicons-search"></i>
<i class="magicons-visible"></i>
<i class="magicons-unvisible"></i>
<i class="magicons-pencil"></i>
<i class="magicons-trash"></i>
<i class="magicons-sort-down"></i>
<i class="magicons-sort-up"></i>
<i class="magicons-sort"></i>
<i class="magicons-plus-sign"></i>
<i class="magicons-minus-sign"></i>
<i class="magicons-ok-sign"></i>
<i class="magicons-close-sign"></i>
<i class="magicons-question-sign"></i>
<i class="magicons-info-sign"></i>
<i class="magicons-attention-sign"></i>
<i class="magicons-plus"></i>
<i class="magicons-minus"></i>
<i class="magicons-ok"></i>
<i class="magicons-close"></i>
<i class="magicons-question"></i>
<i class="magicons-info"></i>
<i class="magicons-attention"></i>
<i class="magicons-work"></i>
<i class="magicons-private"></i>
<i class="magicons-picture"></i>
<i class="magicons-pushpin"></i>
<i class="magicons-heart"></i>
<i class="magicons-map-marker"></i>
<i class="magicons-user-group"></i>
<i class="magicons-time"></i>
<i class="magicons-star-alt"></i>
<i class="magicons-book-open"></i>
<i class="magicons-calendar"></i>
<i class="magicons-calendar-invert"></i>
<i class="magicons-target"></i>
<i class="magicons-umbrella"></i>
<i class="magicons-equalizer"></i>
<i class="magicons-list"></i>
<i class="magicons-star"></i>
<i class="magicons-star-half"></i>
<i class="magicons-money-euro"></i>
<i class="magicons-tag-alt"></i>
<i class="magicons-print"></i>
<i class="magicons-message"></i>
<i class="magicons-comment"></i>
<i class="magicons-comments"></i>
<i class="magicons-camera"></i>
<i class="magicons-description"></i>
<i class="magicons-bar-chart"></i>
<i class="magicons-wrench"></i>
<i class="magicons-user-male"></i>
<i class="magicons-user-female"></i>
<i class="magicons-user-male-alt"></i>
<i class="magicons-user-female-alt"></i>
<i class="magicons-company"></i>
<i class="magicons-sun"></i>
<i class="magicons-moon"></i>
<i class="magicons-inside"></i>
<i class="magicons-outside"></i>
<i class="magicons-wlan"></i>
<i class="magicons-beamer"></i>
<i class="magicons-micro"></i>
<i class="magicons-plug"></i>
<i class="magicons-internet"></i>
<i class="magicons-power"></i>
<i class="magicons-wheelchair"></i>
<i class="magicons-smoking-sign"></i>
<i class="magicons-smoking"></i>
<i class="magicons-no-smoking"></i>
<i class="magicons-parking-sign"></i>
<i class="magicons-parking-meter"></i>
<i class="magicons-elevator"></i>
<i class="magicons-toilette"></i>
<i class="magicons-coffee"></i>
<i class="magicons-water"></i>
<i class="magicons-pizza"></i>
<i class="magicons-burger"></i>
<i class="magicons-softdrink"></i>
<i class="magicons-fastfood"></i>
<i class="magicons-catering"></i>
<i class="magicons-wine"></i>
<i class="magicons-plates"></i>
<i class="magicons-kitchen"></i>
<i class="magicons-layout-round-table"></i>
<i class="magicons-layout-classroom"></i>
<i class="magicons-layout-banquet"></i>
<i class="magicons-layout-theater"></i>
<i class="magicons-layout-u-table"></i>
<i class="magicons-layout-workspace"></i>
</div>
<div style="padding: 10px; font-size: 24px; line-height: 32px; color: #444;">
<strong>24px: </strong>
<i class="magicons-close-round"></i>
<i class="magicons-ok-round"></i>
<i class="magicons-minus-round"></i>
<i class="magicons-plus-round"></i>
<i class="magicons-ban-circle"></i>
<i class="magicons-attention-round"></i>
<i class="magicons-info-round"></i>
<i class="magicons-question-round"></i>
<i class="magicons-arrow-up"></i>
<i class="magicons-arrow-right"></i>
<i class="magicons-arrow-down"></i>
<i class="magicons-arrow-left"></i>
<i class="magicons-fat-arrow-up"></i>
<i class="magicons-fat-arrow-right"></i>
<i class="magicons-fat-arrow-down"></i>
<i class="magicons-fat-arrow-left"></i>
<i class="magicons-chevron-round-up"></i>
<i class="magicons-chevron-round-right"></i>
<i class="magicons-chevron-round-down"></i>
<i class="magicons-chevron-round-left"></i>
<i class="magicons-caret-up"></i>
<i class="magicons-caret-right"></i>
<i class="magicons-caret-down"></i>
<i class="magicons-caret-left"></i>
<i class="magicons-hand-up"></i>
<i class="magicons-hand-right"></i>
<i class="magicons-hand-down"></i>
<i class="magicons-hand-left"></i>
<i class="magicons-hand-fuck"></i>
<i class="magicons-hand-rock-back"></i>
<i class="magicons-hand-rock"></i>
<i class="magicons-thumb-up"></i>
<i class="magicons-thumb-right"></i>
<i class="magicons-thumb-down"></i>
<i class="magicons-thumb-left"></i>
<i class="magicons-handflat-left"></i>
<i class="magicons-handflat-both"></i>
<i class="magicons-handflat-right"></i>
<i class="magicons-heart-round"></i>
<i class="magicons-heart-empty"></i>
<i class="magicons-comment-round"></i>
<i class="magicons-comment-empty"></i>
<i class="magicons-comments-round"></i>
<i class="magicons-comments-empty"></i>
<i class="magicons-bookmark"></i>
<i class="magicons-bookmark-empty"></i>
<i class="magicons-envelope"></i>
<i class="magicons-envelope-alt"></i>
<i class="magicons-envelope-open"></i>
<i class="magicons-envelope-open-alt"></i>
<i class="magicons-envelope-filled"></i>
<i class="magicons-envelope-filled-alt"></i>
<i class="magicons-envelope-inlay-open"></i>
<i class="magicons-envelope-inlay-open-alt"></i>
<i class="magicons-envelope-inlay-filled"></i>
<i class="magicons-envelope-inlay-filled-alt"></i>
<i class="magicons-tag"></i>
<i class="magicons-tags"></i>
<i class="magicons-star-round"></i>
<i class="magicons-star-empty"></i>
<i class="magicons-star-half-round"></i>
<i class="magicons-star-half-empty"></i>
<i class="magicons-user-male-round"></i>
<i class="magicons-user-female-round"></i>
<i class="magicons-user-group-round"></i>
<i class="magicons-user-group-alt"></i>
<i class="magicons-user-group-big"></i>
<i class="magicons-search-round"></i>
<i class="magicons-zoom-in"></i>
<i class="magicons-zoom-out"></i>
<i class="magicons-lock-round"></i>
<i class="magicons-unlock-round"></i>
<i class="magicons-wrench-round"></i>
<i class="magicons-cog-round"></i>
<i class="magicons-cog-alt"></i>
<i class="magicons-cogs"></i>
<i class="magicons-trash-round"></i>
<i class="magicons-key"></i>
<i class="magicons-key-alt"></i>
<i class="magicons-pushpin-round"></i>
<i class="magicons-map-marker-round"></i>
<i class="magicons-time-round"></i>
<i class="magicons-time-alt"></i>
<i class="magicons-move"></i>
<i class="magicons-resize-horizontal"></i>
<i class="magicons-resize-vertical"></i>
<i class="magicons-retweet"></i>
<i class="magicons-reload"></i>
<i class="magicons-random"></i>
<i class="magicons-refresh"></i>
<i class="magicons-adjust"></i>
<i class="magicons-asterisk"></i>
<i class="magicons-screenshot"></i>
<i class="magicons-target-round"></i>
<i class="magicons-volume-one"></i>
<i class="magicons-volume-two"></i>
<i class="magicons-volume-three"></i>
<i class="magicons-sort-round"></i>
<i class="magicons-sort-round-down"></i>
<i class="magicons-sort-round-up"></i>
<i class="magicons-signin"></i>
<i class="magicons-signout"></i>
<i class="magicons-sitemap"></i>
<i class="magicons-signal"></i>
<i class="magicons-download"></i>
<i class="magicons-upload"></i>
<i class="magicons-facebook"></i>
<i class="magicons-twitter"></i>
<i class="magicons-github"></i>
<i class="magicons-github-alt"></i>
<i class="magicons-pinterest"></i>
<i class="magicons-linkedin"></i>
<i class="magicons-google-plus"></i>
<i class="magicons-flickr"></i>
<i class="magicons-picasa"></i>
<i class="magicons-rss"></i>
<i class="magicons-firefox"></i>
<i class="magicons-ie"></i>
<i class="magicons-opera"></i>
<i class="magicons-chrome"></i>
<i class="magicons-safari"></i>
<i class="magicons-phone"></i>
<i class="magicons-phone-pickup"></i>
<i class="magicons-phone-hangup"></i>
<i class="magicons-pencil-round"></i>
<i class="magicons-pencil-alt"></i>
<i class="magicons-ballpen"></i>
<i class="magicons-briefcase"></i>
<i class="magicons-briefcase-alt"></i>
<i class="magicons-inbox-round"></i>
<i class="magicons-dashboard"></i>
<i class="magicons-folder-close"></i>
<i class="magicons-folder-open"></i>
<i class="magicons-folder-alt"></i>
<i class="magicons-book"></i>
<i class="magicons-book-marked"></i>
<i class="magicons-book-marked-alt"></i>
<i class="magicons-address-book"></i>
<i class="magicons-address-book-marked"></i>
<i class="magicons-address-book-marked-alt"></i>
<i class="magicons-book-open-round"></i>
<i class="magicons-book-open-alt"></i>
<i class="magicons-book-open-filled"></i>
<i class="magicons-tasks"></i>
<i class="magicons-reorder"></i>
<i class="magicons-bar-chart-round"></i>
<i class="magicons-clipboard-tasks"></i>
<i class="magicons-clipboard-check"></i>
<i class="magicons-clipboard-tasks-edge"></i>
<i class="magicons-clipboard-check-edge"></i>
<i class="magicons-pile-list-marked"></i>
<i class="magicons-pile-check-marked-edge"></i>
<i class="magicons-ringbinder-month"></i>
<i class="magicons-ringbinder-day"></i>
<i class="magicons-ringbinder-list"></i>
<i class="magicons-ringbinder-month-edge"></i>
<i class="magicons-ringbinder-day-edge"></i>
<i class="magicons-ringbinder-list-edge"></i>
<i class="magicons-picture-round"></i>
<i class="magicons-picture-alt"></i>
<i class="magicons-pictures"></i>
<i class="magicons-external-link"></i>
<i class="magicons-share"></i>
<i class="magicons-edit"></i>
<i class="magicons-check"></i>
<i class="magicons-check-empty"></i>
<i class="magicons-credit-card"></i>
<i class="magicons-qrcode"></i>
<i class="magicons-shopping-cart"></i>
<i class="magicons-shopping-cart-alt"></i>
<i class="magicons-shopping-cart-in"></i>
<i class="magicons-shopping-cart-in-alt"></i>
<i class="magicons-money"></i>
<i class="magicons-money-euro-round"></i>
<i class="magicons-money-dollar"></i>
<i class="magicons-barcode"></i>
<i class="magicons-barcode-alt"></i>
<i class="magicons-globe-round"></i>
<i class="magicons-globe-alt"></i>
<i class="magicons-home"></i>
<i class="magicons-truck"></i>
<i class="magicons-plane"></i>
<i class="magicons-road"></i>
<i class="magicons-compass-round"></i>
<i class="magicons-file"></i>
<i class="magicons-files"></i>
<i class="magicons-file-text"></i>
<i class="magicons-file-alt"></i>
<i class="magicons-file-edge"></i>
<i class="magicons-file-black"></i>
<i class="magicons-cut"></i>
<i class="magicons-paste"></i>
<i class="magicons-save"></i>
<i class="magicons-paper-clip"></i>
<i class="magicons-link"></i>
<i class="magicons-link-alt"></i>
<i class="magicons-undo"></i>
<i class="magicons-repeat"></i>
<i class="magicons-undo-alt"></i>
<i class="magicons-repeat-alt"></i>
<i class="magicons-text-height"></i>
<i class="magicons-text-width"></i>
<i class="magicons-align-left"></i>
<i class="magicons-align-center"></i>
<i class="magicons-align-right"></i>
<i class="magicons-align-justify"></i>
<i class="magicons-indent-left"></i>
<i class="magicons-indent-right"></i>
<i class="magicons-font"></i>
<i class="magicons-bold"></i>
<i class="magicons-italic"></i>
<i class="magicons-strikethrough"></i>
<i class="magicons-underline"></i>
<i class="magicons-columns"></i>
<i class="magicons-table"></i>
<i class="magicons-th-large"></i>
<i class="magicons-th"></i>
<i class="magicons-th-list"></i>
<i class="magicons-list-round"></i>
<i class="magicons-list-ol"></i>
<i class="magicons-list-ul"></i>
<i class="magicons-list-alt"></i>
<i class="magicons-staple"></i>
<i class="magicons-staple-alt"></i>
<i class="magicons-music"></i>
<i class="magicons-power-round"></i>
<i class="magicons-facetime-video"></i>
<i class="magicons-film"></i>
<i class="magicons-bullhorn"></i>
<i class="magicons-camera-round"></i>
<i class="magicons-camera-retro"></i>
<i class="magicons-print-round"></i>
<i class="magicons-print-alt"></i>
<i class="magicons-hdd"></i>
<i class="magicons-headphones"></i>
<i class="magicons-play"></i>
<i class="magicons-play-circle"></i>
<i class="magicons-pause"></i>
<i class="magicons-stop"></i>
<i class="magicons-backward"></i>
<i class="magicons-forward"></i>
<i class="magicons-fast-backward"></i>
<i class="magicons-fast-forward"></i>
<i class="magicons-step-backward"></i>
<i class="magicons-step-forward"></i>
<i class="magicons-eject"></i>
<i class="magicons-fullscreen"></i>
<i class="magicons-resize-full"></i>
<i class="magicons-resize-small"></i>
<i class="magicons-trophy"></i>
<i class="magicons-umbrella-round"></i>
<i class="magicons-gift"></i>
<i class="magicons-flag"></i>
<i class="magicons-flag-alt"></i>
<i class="magicons-certificate"></i>
<i class="magicons-glass"></i>
<i class="magicons-tint"></i>
<i class="magicons-tints"></i>
<i class="magicons-leaf"></i>
<i class="magicons-legal"></i>
<i class="magicons-cloud"></i>
<i class="magicons-beaker"></i>
<i class="magicons-lemon"></i>
<i class="magicons-magic"></i>
<i class="magicons-magic-alt"></i>
<i class="magicons-bolt"></i>
<i class="magicons-bolt-alt"></i>
<i class="magicons-magnet"></i>
<i class="magicons-thermometer"></i>
<i class="magicons-bell"></i>
<i class="magicons-filter"></i>
<i class="magicons-hammer"></i>
<i class="magicons-plug-round"></i>
<i class="magicons-shirt"></i>
<i class="magicons-steering-wheel"></i>
<i class="magicons-triangle"></i>
<i class="magicons-hands-up"></i>
<i class="magicons-clock"></i>
<i class="magicons-chart"></i>
<i class="magicons-chart-open"></i>
<i class="magicons-vitro"></i>
<i class="magicons-vitro-bubble"></i>
<i class="magicons-vitro-bubbles"></i>
<i class="magicons-moon-round"></i>
<i class="magicons-moon-empty"></i>
<i class="magicons-moon-full"></i>
<i class="magicons-sun-round"></i>
<i class="magicons-sun-alt"></i>
<i class="magicons-micro-round"></i>
<i class="magicons-equalizer-round"></i>
<i class="magicons-knots"></i>
<i class="magicons-crop"></i>
<i class="magicons-lectern"></i>
<i class="magicons-html"></i>
<i class="magicons-graph"></i>
<i class="magicons-graph-alt"></i>
<i class="magicons-transmit"></i>
<i class="magicons-graduation-hat"></i>
<i class="magicons-star-alt-round"></i>
<i class="magicons-cog-more"></i>
<i class="magicons-close-sign-round"></i>
<i class="magicons-ok-sign-round"></i>
<i class="magicons-plus-sign-round"></i>
<i class="magicons-minus-sign-round"></i>
<i class="magicons-attention-sign-round"></i>
<i class="magicons-question-sign-round"></i>
<i class="magicons-info-sign-round"></i>
<i class="magicons-caret-up-sign"></i>
<i class="magicons-caret-right-sign"></i>
<i class="magicons-caret-down-sign"></i>
<i class="magicons-caret-left-sign"></i>
<i class="magicons-edit-sign"></i>
<i class="magicons-user-minus"></i>
<i class="magicons-user-plus"></i>
<i class="magicons-user-unknown"></i>
<i class="magicons-user-ok"></i>
<i class="magicons-hand-high5"></i>
<i class="magicons-hand-high5-back"></i>
<i class="magicons-hand-shake"></i>
<i class="magicons-hand-card"></i>
<i class="magicons-compass"></i>
<i class="magicons-globe"></i>
<i class="magicons-inbox-empty"></i>
<i class="magicons-inbox"></i>
<i class="magicons-task-list"></i>
<i class="magicons-user"></i>
<i class="magicons-mail-empty"></i>
<i class="magicons-mail"></i>
<i class="magicons-cog"></i>
<i class="magicons-chevron-cut-up"></i>
<i class="magicons-chevron-cut-right"></i>
<i class="magicons-chevron-cut-down"></i>
<i class="magicons-chevron-cut-left"></i>
<i class="magicons-chevron-up"></i>
<i class="magicons-chevron-right"></i>
<i class="magicons-chevron-down"></i>
<i class="magicons-chevron-left"></i>
<i class="magicons-lock"></i>
<i class="magicons-unlock"></i>
<i class="magicons-search"></i>
<i class="magicons-visible"></i>
<i class="magicons-unvisible"></i>
<i class="magicons-pencil"></i>
<i class="magicons-trash"></i>
<i class="magicons-sort-down"></i>
<i class="magicons-sort-up"></i>
<i class="magicons-sort"></i>
<i class="magicons-plus-sign"></i>
<i class="magicons-minus-sign"></i>
<i class="magicons-ok-sign"></i>
<i class="magicons-close-sign"></i>
<i class="magicons-question-sign"></i>
<i class="magicons-info-sign"></i>
<i class="magicons-attention-sign"></i>
<i class="magicons-plus"></i>
<i class="magicons-minus"></i>
<i class="magicons-ok"></i>
<i class="magicons-close"></i>
<i class="magicons-question"></i>
<i class="magicons-info"></i>
<i class="magicons-attention"></i>
<i class="magicons-work"></i>
<i class="magicons-private"></i>
<i class="magicons-picture"></i>
<i class="magicons-pushpin"></i>
<i class="magicons-heart"></i>
<i class="magicons-map-marker"></i>
<i class="magicons-user-group"></i>
<i class="magicons-time"></i>
<i class="magicons-star-alt"></i>
<i class="magicons-book-open"></i>
<i class="magicons-calendar"></i>
<i class="magicons-calendar-invert"></i>
<i class="magicons-target"></i>
<i class="magicons-umbrella"></i>
<i class="magicons-equalizer"></i>
<i class="magicons-list"></i>
<i class="magicons-star"></i>
<i class="magicons-star-half"></i>
<i class="magicons-money-euro"></i>
<i class="magicons-tag-alt"></i>
<i class="magicons-print"></i>
<i class="magicons-message"></i>
<i class="magicons-comment"></i>
<i class="magicons-comments"></i>
<i class="magicons-camera"></i>
<i class="magicons-description"></i>
<i class="magicons-bar-chart"></i>
<i class="magicons-wrench"></i>
<i class="magicons-user-male"></i>
<i class="magicons-user-female"></i>
<i class="magicons-user-male-alt"></i>
<i class="magicons-user-female-alt"></i>
<i class="magicons-company"></i>
<i class="magicons-sun"></i>
<i class="magicons-moon"></i>
<i class="magicons-inside"></i>
<i class="magicons-outside"></i>
<i class="magicons-wlan"></i>
<i class="magicons-beamer"></i>
<i class="magicons-micro"></i>
<i class="magicons-plug"></i>
<i class="magicons-internet"></i>
<i class="magicons-power"></i>
<i class="magicons-wheelchair"></i>
<i class="magicons-smoking-sign"></i>
<i class="magicons-smoking"></i>
<i class="magicons-no-smoking"></i>
<i class="magicons-parking-sign"></i>
<i class="magicons-parking-meter"></i>
<i class="magicons-elevator"></i>
<i class="magicons-toilette"></i>
<i class="magicons-coffee"></i>
<i class="magicons-water"></i>
<i class="magicons-pizza"></i>
<i class="magicons-burger"></i>
<i class="magicons-softdrink"></i>
<i class="magicons-fastfood"></i>
<i class="magicons-catering"></i>
<i class="magicons-wine"></i>
<i class="magicons-plates"></i>
<i class="magicons-kitchen"></i>
<i class="magicons-layout-round-table"></i>
<i class="magicons-layout-classroom"></i>
<i class="magicons-layout-banquet"></i>
<i class="magicons-layout-theater"></i>
<i class="magicons-layout-u-table"></i>
<i class="magicons-layout-workspace"></i>
</div>
<div style="padding: 10px; font-size: 36px; line-height: 44px; color: #444;">
<strong>36px: </strong>
<i class="magicons-close-round"></i>
<i class="magicons-ok-round"></i>
<i class="magicons-minus-round"></i>
<i class="magicons-plus-round"></i>
<i class="magicons-ban-circle"></i>
<i class="magicons-attention-round"></i>
<i class="magicons-info-round"></i>
<i class="magicons-question-round"></i>
<i class="magicons-arrow-up"></i>
<i class="magicons-arrow-right"></i>
<i class="magicons-arrow-down"></i>
<i class="magicons-arrow-left"></i>
<i class="magicons-fat-arrow-up"></i>
<i class="magicons-fat-arrow-right"></i>
<i class="magicons-fat-arrow-down"></i>
<i class="magicons-fat-arrow-left"></i>
<i class="magicons-chevron-round-up"></i>
<i class="magicons-chevron-round-right"></i>
<i class="magicons-chevron-round-down"></i>
<i class="magicons-chevron-round-left"></i>
<i class="magicons-caret-up"></i>
<i class="magicons-caret-right"></i>
<i class="magicons-caret-down"></i>
<i class="magicons-caret-left"></i>
<i class="magicons-hand-up"></i>
<i class="magicons-hand-right"></i>
<i class="magicons-hand-down"></i>
<i class="magicons-hand-left"></i>
<i class="magicons-hand-fuck"></i>
<i class="magicons-hand-rock-back"></i>
<i class="magicons-hand-rock"></i>
<i class="magicons-thumb-up"></i>
<i class="magicons-thumb-right"></i>
<i class="magicons-thumb-down"></i>
<i class="magicons-thumb-left"></i>
<i class="magicons-handflat-left"></i>
<i class="magicons-handflat-both"></i>
<i class="magicons-handflat-right"></i>
<i class="magicons-heart-round"></i>
<i class="magicons-heart-empty"></i>
<i class="magicons-comment-round"></i>
<i class="magicons-comment-empty"></i>
<i class="magicons-comments-round"></i>
<i class="magicons-comments-empty"></i>
<i class="magicons-bookmark"></i>
<i class="magicons-bookmark-empty"></i>
<i class="magicons-envelope"></i>
<i class="magicons-envelope-alt"></i>
<i class="magicons-envelope-open"></i>
<i class="magicons-envelope-open-alt"></i>
<i class="magicons-envelope-filled"></i>
<i class="magicons-envelope-filled-alt"></i>
<i class="magicons-envelope-inlay-open"></i>
<i class="magicons-envelope-inlay-open-alt"></i>
<i class="magicons-envelope-inlay-filled"></i>
<i class="magicons-envelope-inlay-filled-alt"></i>
<i class="magicons-tag"></i>
<i class="magicons-tags"></i>
<i class="magicons-star-round"></i>
<i class="magicons-star-empty"></i>
<i class="magicons-star-half-round"></i>
<i class="magicons-star-half-empty"></i>
<i class="magicons-user-male-round"></i>
<i class="magicons-user-female-round"></i>
<i class="magicons-user-group-round"></i>
<i class="magicons-user-group-alt"></i>
<i class="magicons-user-group-big"></i>
<i class="magicons-search-round"></i>
<i class="magicons-zoom-in"></i>
<i class="magicons-zoom-out"></i>
<i class="magicons-lock-round"></i>
<i class="magicons-unlock-round"></i>
<i class="magicons-wrench-round"></i>
<i class="magicons-cog-round"></i>
<i class="magicons-cog-alt"></i>
<i class="magicons-cogs"></i>
<i class="magicons-trash-round"></i>
<i class="magicons-key"></i>
<i class="magicons-key-alt"></i>
<i class="magicons-pushpin-round"></i>
<i class="magicons-map-marker-round"></i>
<i class="magicons-time-round"></i>
<i class="magicons-time-alt"></i>
<i class="magicons-move"></i>
<i class="magicons-resize-horizontal"></i>
<i class="magicons-resize-vertical"></i>
<i class="magicons-retweet"></i>
<i class="magicons-reload"></i>
<i class="magicons-random"></i>
<i class="magicons-refresh"></i>
<i class="magicons-adjust"></i>
<i class="magicons-asterisk"></i>
<i class="magicons-screenshot"></i>
<i class="magicons-target-round"></i>
<i class="magicons-volume-one"></i>
<i class="magicons-volume-two"></i>
<i class="magicons-volume-three"></i>
<i class="magicons-sort-round"></i>
<i class="magicons-sort-round-down"></i>
<i class="magicons-sort-round-up"></i>
<i class="magicons-signin"></i>
<i class="magicons-signout"></i>
<i class="magicons-sitemap"></i>
<i class="magicons-signal"></i>
<i class="magicons-download"></i>
<i class="magicons-upload"></i>
<i class="magicons-facebook"></i>
<i class="magicons-twitter"></i>
<i class="magicons-github"></i>
<i class="magicons-github-alt"></i>
<i class="magicons-pinterest"></i>
<i class="magicons-linkedin"></i>
<i class="magicons-google-plus"></i>
<i class="magicons-flickr"></i>
<i class="magicons-picasa"></i>
<i class="magicons-rss"></i>
<i class="magicons-firefox"></i>
<i class="magicons-ie"></i>
<i class="magicons-opera"></i>
<i class="magicons-chrome"></i>
<i class="magicons-safari"></i>
<i class="magicons-phone"></i>
<i class="magicons-phone-pickup"></i>
<i class="magicons-phone-hangup"></i>
<i class="magicons-pencil-round"></i>
<i class="magicons-pencil-alt"></i>
<i class="magicons-ballpen"></i>
<i class="magicons-briefcase"></i>
<i class="magicons-briefcase-alt"></i>
<i class="magicons-inbox-round"></i>
<i class="magicons-dashboard"></i>
<i class="magicons-folder-close"></i>
<i class="magicons-folder-open"></i>
<i class="magicons-folder-alt"></i>
<i class="magicons-book"></i>
<i class="magicons-book-marked"></i>
<i class="magicons-book-marked-alt"></i>
<i class="magicons-address-book"></i>
<i class="magicons-address-book-marked"></i>
<i class="magicons-address-book-marked-alt"></i>
<i class="magicons-book-open-round"></i>
<i class="magicons-book-open-alt"></i>
<i class="magicons-book-open-filled"></i>
<i class="magicons-tasks"></i>
<i class="magicons-reorder"></i>
<i class="magicons-bar-chart-round"></i>
<i class="magicons-clipboard-tasks"></i>
<i class="magicons-clipboard-check"></i>
<i class="magicons-clipboard-tasks-edge"></i>
<i class="magicons-clipboard-check-edge"></i>
<i class="magicons-pile-list-marked"></i>
<i class="magicons-pile-check-marked-edge"></i>
<i class="magicons-ringbinder-month"></i>
<i class="magicons-ringbinder-day"></i>
<i class="magicons-ringbinder-list"></i>
<i class="magicons-ringbinder-month-edge"></i>
<i class="magicons-ringbinder-day-edge"></i>
<i class="magicons-ringbinder-list-edge"></i>
<i class="magicons-picture-round"></i>
<i class="magicons-picture-alt"></i>
<i class="magicons-pictures"></i>
<i class="magicons-external-link"></i>
<i class="magicons-share"></i>
<i class="magicons-edit"></i>
<i class="magicons-check"></i>
<i class="magicons-check-empty"></i>
<i class="magicons-credit-card"></i>
<i class="magicons-qrcode"></i>
<i class="magicons-shopping-cart"></i>
<i class="magicons-shopping-cart-alt"></i>
<i class="magicons-shopping-cart-in"></i>
<i class="magicons-shopping-cart-in-alt"></i>
<i class="magicons-money"></i>
<i class="magicons-money-euro-round"></i>
<i class="magicons-money-dollar"></i>
<i class="magicons-barcode"></i>
<i class="magicons-barcode-alt"></i>
<i class="magicons-globe-round"></i>
<i class="magicons-globe-alt"></i>
<i class="magicons-home"></i>
<i class="magicons-truck"></i>
<i class="magicons-plane"></i>
<i class="magicons-road"></i>
<i class="magicons-compass-round"></i>
<i class="magicons-file"></i>
<i class="magicons-files"></i>
<i class="magicons-file-text"></i>
<i class="magicons-file-alt"></i>
<i class="magicons-file-edge"></i>
<i class="magicons-file-black"></i>
<i class="magicons-cut"></i>
<i class="magicons-paste"></i>
<i class="magicons-save"></i>
<i class="magicons-paper-clip"></i>
<i class="magicons-link"></i>
<i class="magicons-link-alt"></i>
<i class="magicons-undo"></i>
<i class="magicons-repeat"></i>
<i class="magicons-undo-alt"></i>
<i class="magicons-repeat-alt"></i>
<i class="magicons-text-height"></i>
<i class="magicons-text-width"></i>
<i class="magicons-align-left"></i>
<i class="magicons-align-center"></i>
<i class="magicons-align-right"></i>
<i class="magicons-align-justify"></i>
<i class="magicons-indent-left"></i>
<i class="magicons-indent-right"></i>
<i class="magicons-font"></i>
<i class="magicons-bold"></i>
<i class="magicons-italic"></i>
<i class="magicons-strikethrough"></i>
<i class="magicons-underline"></i>
<i class="magicons-columns"></i>
<i class="magicons-table"></i>
<i class="magicons-th-large"></i>
<i class="magicons-th"></i>
<i class="magicons-th-list"></i>
<i class="magicons-list-round"></i>
<i class="magicons-list-ol"></i>
<i class="magicons-list-ul"></i>
<i class="magicons-list-alt"></i>
<i class="magicons-staple"></i>
<i class="magicons-staple-alt"></i>
<i class="magicons-music"></i>
<i class="magicons-power-round"></i>
<i class="magicons-facetime-video"></i>
<i class="magicons-film"></i>
<i class="magicons-bullhorn"></i>
<i class="magicons-camera-round"></i>
<i class="magicons-camera-retro"></i>
<i class="magicons-print-round"></i>
<i class="magicons-print-alt"></i>
<i class="magicons-hdd"></i>
<i class="magicons-headphones"></i>
<i class="magicons-play"></i>
<i class="magicons-play-circle"></i>
<i class="magicons-pause"></i>
<i class="magicons-stop"></i>
<i class="magicons-backward"></i>
<i class="magicons-forward"></i>
<i class="magicons-fast-backward"></i>
<i class="magicons-fast-forward"></i>
<i class="magicons-step-backward"></i>
<i class="magicons-step-forward"></i>
<i class="magicons-eject"></i>
<i class="magicons-fullscreen"></i>
<i class="magicons-resize-full"></i>
<i class="magicons-resize-small"></i>
<i class="magicons-trophy"></i>
<i class="magicons-umbrella-round"></i>
<i class="magicons-gift"></i>
<i class="magicons-flag"></i>
<i class="magicons-flag-alt"></i>
<i class="magicons-certificate"></i>
<i class="magicons-glass"></i>
<i class="magicons-tint"></i>
<i class="magicons-tints"></i>
<i class="magicons-leaf"></i>
<i class="magicons-legal"></i>
<i class="magicons-cloud"></i>
<i class="magicons-beaker"></i>
<i class="magicons-lemon"></i>
<i class="magicons-magic"></i>
<i class="magicons-magic-alt"></i>
<i class="magicons-bolt"></i>
<i class="magicons-bolt-alt"></i>
<i class="magicons-magnet"></i>
<i class="magicons-thermometer"></i>
<i class="magicons-bell"></i>
<i class="magicons-filter"></i>
<i class="magicons-hammer"></i>
<i class="magicons-plug-round"></i>
<i class="magicons-shirt"></i>
<i class="magicons-steering-wheel"></i>
<i class="magicons-triangle"></i>
<i class="magicons-hands-up"></i>
<i class="magicons-clock"></i>
<i class="magicons-chart"></i>
<i class="magicons-chart-open"></i>
<i class="magicons-vitro"></i>
<i class="magicons-vitro-bubble"></i>
<i class="magicons-vitro-bubbles"></i>
<i class="magicons-moon-round"></i>
<i class="magicons-moon-empty"></i>
<i class="magicons-moon-full"></i>
<i class="magicons-sun-round"></i>
<i class="magicons-sun-alt"></i>
<i class="magicons-micro-round"></i>
<i class="magicons-equalizer-round"></i>
<i class="magicons-knots"></i>
<i class="magicons-crop"></i>
<i class="magicons-lectern"></i>
<i class="magicons-html"></i>
<i class="magicons-graph"></i>
<i class="magicons-graph-alt"></i>
<i class="magicons-transmit"></i>
<i class="magicons-graduation-hat"></i>
<i class="magicons-star-alt-round"></i>
<i class="magicons-cog-more"></i>
<i class="magicons-close-sign-round"></i>
<i class="magicons-ok-sign-round"></i>
<i class="magicons-plus-sign-round"></i>
<i class="magicons-minus-sign-round"></i>
<i class="magicons-attention-sign-round"></i>
<i class="magicons-question-sign-round"></i>
<i class="magicons-info-sign-round"></i>
<i class="magicons-caret-up-sign"></i>
<i class="magicons-caret-right-sign"></i>
<i class="magicons-caret-down-sign"></i>
<i class="magicons-caret-left-sign"></i>
<i class="magicons-edit-sign"></i>
<i class="magicons-user-minus"></i>
<i class="magicons-user-plus"></i>
<i class="magicons-user-unknown"></i>
<i class="magicons-user-ok"></i>
<i class="magicons-hand-high5"></i>
<i class="magicons-hand-high5-back"></i>
<i class="magicons-hand-shake"></i>
<i class="magicons-hand-card"></i>
<i class="magicons-compass"></i>
<i class="magicons-globe"></i>
<i class="magicons-inbox-empty"></i>
<i class="magicons-inbox"></i>
<i class="magicons-task-list"></i>
<i class="magicons-user"></i>
<i class="magicons-mail-empty"></i>
<i class="magicons-mail"></i>
<i class="magicons-cog"></i>
<i class="magicons-chevron-cut-up"></i>
<i class="magicons-chevron-cut-right"></i>
<i class="magicons-chevron-cut-down"></i>
<i class="magicons-chevron-cut-left"></i>
<i class="magicons-chevron-up"></i>
<i class="magicons-chevron-right"></i>
<i class="magicons-chevron-down"></i>
<i class="magicons-chevron-left"></i>
<i class="magicons-lock"></i>
<i class="magicons-unlock"></i>
<i class="magicons-search"></i>
<i class="magicons-visible"></i>
<i class="magicons-unvisible"></i>
<i class="magicons-pencil"></i>
<i class="magicons-trash"></i>
<i class="magicons-sort-down"></i>
<i class="magicons-sort-up"></i>
<i class="magicons-sort"></i>
<i class="magicons-plus-sign"></i>
<i class="magicons-minus-sign"></i>
<i class="magicons-ok-sign"></i>
<i class="magicons-close-sign"></i>
<i class="magicons-question-sign"></i>
<i class="magicons-info-sign"></i>
<i class="magicons-attention-sign"></i>
<i class="magicons-plus"></i>
<i class="magicons-minus"></i>
<i class="magicons-ok"></i>
<i class="magicons-close"></i>
<i class="magicons-question"></i>
<i class="magicons-info"></i>
<i class="magicons-attention"></i>
<i class="magicons-work"></i>
<i class="magicons-private"></i>
<i class="magicons-picture"></i>
<i class="magicons-pushpin"></i>
<i class="magicons-heart"></i>
<i class="magicons-map-marker"></i>
<i class="magicons-user-group"></i>
<i class="magicons-time"></i>
<i class="magicons-star-alt"></i>
<i class="magicons-book-open"></i>
<i class="magicons-calendar"></i>
<i class="magicons-calendar-invert"></i>
<i class="magicons-target"></i>
<i class="magicons-umbrella"></i>
<i class="magicons-equalizer"></i>
<i class="magicons-list"></i>
<i class="magicons-star"></i>
<i class="magicons-star-half"></i>
<i class="magicons-money-euro"></i>
<i class="magicons-tag-alt"></i>
<i class="magicons-print"></i>
<i class="magicons-message"></i>
<i class="magicons-comment"></i>
<i class="magicons-comments"></i>
<i class="magicons-camera"></i>
<i class="magicons-description"></i>
<i class="magicons-bar-chart"></i>
<i class="magicons-wrench"></i>
<i class="magicons-user-male"></i>
<i class="magicons-user-female"></i>
<i class="magicons-user-male-alt"></i>
<i class="magicons-user-female-alt"></i>
<i class="magicons-company"></i>
<i class="magicons-sun"></i>
<i class="magicons-moon"></i>
<i class="magicons-inside"></i>
<i class="magicons-outside"></i>
<i class="magicons-wlan"></i>
<i class="magicons-beamer"></i>
<i class="magicons-micro"></i>
<i class="magicons-plug"></i>
<i class="magicons-internet"></i>
<i class="magicons-power"></i>
<i class="magicons-wheelchair"></i>
<i class="magicons-smoking-sign"></i>
<i class="magicons-smoking"></i>
<i class="magicons-no-smoking"></i>
<i class="magicons-parking-sign"></i>
<i class="magicons-parking-meter"></i>
<i class="magicons-elevator"></i>
<i class="magicons-toilette"></i>
<i class="magicons-coffee"></i>
<i class="magicons-water"></i>
<i class="magicons-pizza"></i>
<i class="magicons-burger"></i>
<i class="magicons-softdrink"></i>
<i class="magicons-fastfood"></i>
<i class="magicons-catering"></i>
<i class="magicons-wine"></i>
<i class="magicons-plates"></i>
<i class="magicons-kitchen"></i>
<i class="magicons-layout-round-table"></i>
<i class="magicons-layout-classroom"></i>
<i class="magicons-layout-banquet"></i>
<i class="magicons-layout-theater"></i>
<i class="magicons-layout-u-table"></i>
<i class="magicons-layout-workspace"></i>
</div>
<div class="clearfix"></div>
<br>
</div>
</div>
<br><br><br><br><br>
<div class="paper_box" id="icn">
<div class="paper_head">
<h2>orderlifticonsregular <small>(169)</small></h2>
<br>
<h4><i class="magicons-*"></i></h4>
<h4><%= icon("*") %></h4>
</div>
<div class="inner">
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-market"></i>
</div>
<div class="sample_name">
market
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-projects-empty"></i>
</div>
<div class="sample_name">
projects-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-projects-full"></i>
</div>
<div class="sample_name">
projects-full
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-tasks-empty"></i>
</div>
<div class="sample_name">
tasks-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-tasks-full"></i>
</div>
<div class="sample_name">
tasks-full
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-settings"></i>
</div>
<div class="sample_name">
settings
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-overview"></i>
</div>
<div class="sample_name">
overview
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-contacts"></i>
</div>
<div class="sample_name">
contacts
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-message-empty"></i>
</div>
<div class="sample_name">
message-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-message-full"></i>
</div>
<div class="sample_name">
message-full
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-basket-empty"></i>
</div>
<div class="sample_name">
basket-empty
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-basket-full"></i>
</div>
<div class="sample_name">
basket-full
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-bell"></i>
</div>
<div class="sample_name">
bell
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-notify"></i>
</div>
<div class="sample_name">
notify
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-about-me"></i>
</div>
<div class="sample_name">
about-me
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-portfolio"></i>
</div>
<div class="sample_name">
portfolio
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-portfolio-alt"></i>
</div>
<div class="sample_name">
portfolio-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-general-informations"></i>
</div>
<div class="sample_name">
general-informations
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-contact-data"></i>
</div>
<div class="sample_name">
contact-data
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-career"></i>
</div>
<div class="sample_name">
career
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-skills"></i>
</div>
<div class="sample_name">
skills
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-view-list"></i>
</div>
<div class="sample_name">
view-list
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-view-tile"></i>
</div>
<div class="sample_name">
view-tile
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-view-cards"></i>
</div>
<div class="sample_name">
view-cards
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-view-map"></i>
</div>
<div class="sample_name">
view-map
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-state-active"></i>
</div>
<div class="sample_name">
state-active
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-state-inactive"></i>
</div>
<div class="sample_name">
state-inactive
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-edit"></i>
</div>
<div class="sample_name">
edit
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-view-map-2"></i>
</div>
<div class="sample_name">
view-map-2
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-search"></i>
</div>
<div class="sample_name">
search
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-zoom-in"></i>
</div>
<div class="sample_name">
zoom-in
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-zoom-out"></i>
</div>
<div class="sample_name">
zoom-out
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-comment"></i>
</div>
<div class="sample_name">
comment
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-share"></i>
</div>
<div class="sample_name">
share
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-like"></i>
</div>
<div class="sample_name">
like
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-lock"></i>
</div>
<div class="sample_name">
lock
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-lock-open"></i>
</div>
<div class="sample_name">
lock-open
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-chevron-up"></i>
</div>
<div class="sample_name">
chevron-up
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-chevron-right"></i>
</div>
<div class="sample_name">
chevron-right
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-chevron-down"></i>
</div>
<div class="sample_name">
chevron-down
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-chevron-left"></i>
</div>
<div class="sample_name">
chevron-left
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-chevron-2-up"></i>
</div>
<div class="sample_name">
chevron-2-up
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-chevron-2-right"></i>
</div>
<div class="sample_name">
chevron-2-right
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-chevron-2-down"></i>
</div>
<div class="sample_name">
chevron-2-down
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-chevron-2-left"></i>
</div>
<div class="sample_name">
chevron-2-left
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-plus"></i>
</div>
<div class="sample_name">
plus
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-minus"></i>
</div>
<div class="sample_name">
minus
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-ok"></i>
</div>
<div class="sample_name">
ok
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-close"></i>
</div>
<div class="sample_name">
close
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-plus-sign"></i>
</div>
<div class="sample_name">
plus-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-minus-sign"></i>
</div>
<div class="sample_name">
minus-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-ok-sign"></i>
</div>
<div class="sample_name">
ok-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-close-sign"></i>
</div>
<div class="sample_name">
close-sign
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-show-sb"></i>
</div>
<div class="sample_name">
show-sb
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-hide-sb"></i>
</div>
<div class="sample_name">
hide-sb
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-filter"></i>
</div>
<div class="sample_name">
filter
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-preview"></i>
</div>
<div class="sample_name">
preview
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-hide-filter"></i>
</div>
<div class="sample_name">
hide-filter
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-female"></i>
</div>
<div class="sample_name">
female
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-male"></i>
</div>
<div class="sample_name">
male
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-sex"></i>
</div>
<div class="sample_name">
sex
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-sort-down"></i>
</div>
<div class="sample_name">
sort-down
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-sort-up"></i>
</div>
<div class="sample_name">
sort-up
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-sort"></i>
</div>
<div class="sample_name">
sort
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-product"></i>
</div>
<div class="sample_name">
product
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-object"></i>
</div>
<div class="sample_name">
object
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-question-answer"></i>
</div>
<div class="sample_name">
question-answer
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-secure"></i>
</div>
<div class="sample_name">
secure
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-analytics"></i>
</div>
<div class="sample_name">
analytics
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-inquiry"></i>
</div>
<div class="sample_name">
inquiry
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-orders"></i>
</div>
<div class="sample_name">
orders
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-environmentally-friendly"></i>
</div>
<div class="sample_name">
environmentally-friendly
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-waterproof"></i>
</div>
<div class="sample_name">
waterproof
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-delivery"></i>
</div>
<div class="sample_name">
delivery
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-bright"></i>
</div>
<div class="sample_name">
bright
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-dark"></i>
</div>
<div class="sample_name">
dark
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-indoor"></i>
</div>
<div class="sample_name">
indoor
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-outdoor"></i>
</div>
<div class="sample_name">
outdoor
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-accessible"></i>
</div>
<div class="sample_name">
accessible
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-smoker"></i>
</div>
<div class="sample_name">
smoker
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-non-smoker"></i>
</div>
<div class="sample_name">
non-smoker
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-parking"></i>
</div>
<div class="sample_name">
parking
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-parking-meter"></i>
</div>
<div class="sample_name">
parking-meter
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-elevator"></i>
</div>
<div class="sample_name">
elevator
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-max-people"></i>
</div>
<div class="sample_name">
max-people
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-wlan"></i>
</div>
<div class="sample_name">
wlan
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-beamer"></i>
</div>
<div class="sample_name">
beamer
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-microphone"></i>
</div>
<div class="sample_name">
microphone
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-sockets"></i>
</div>
<div class="sample_name">
sockets
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-internet"></i>
</div>
<div class="sample_name">
internet
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-electricity"></i>
</div>
<div class="sample_name">
electricity
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-coffee"></i>
</div>
<div class="sample_name">
coffee
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-water"></i>
</div>
<div class="sample_name">
water
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-pizza"></i>
</div>
<div class="sample_name">
pizza
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-burger"></i>
</div>
<div class="sample_name">
burger
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-drinks"></i>
</div>
<div class="sample_name">
drinks
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-fast-food"></i>
</div>
<div class="sample_name">
fast-food
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-waiter"></i>
</div>
<div class="sample_name">
waiter
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-wine"></i>
</div>
<div class="sample_name">
wine
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-dishes"></i>
</div>
<div class="sample_name">
dishes
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-stove"></i>
</div>
<div class="sample_name">
stove
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-conference"></i>
</div>
<div class="sample_name">
conference
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-classroom"></i>
</div>
<div class="sample_name">
classroom
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-banquet"></i>
</div>
<div class="sample_name">
banquet
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-theatre"></i>
</div>
<div class="sample_name">
theatre
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-u-shape"></i>
</div>
<div class="sample_name">
u-shape
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-workspace"></i>
</div>
<div class="sample_name">
workspace
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-men"></i>
</div>
<div class="sample_name">
men
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-woman"></i>
</div>
<div class="sample_name">
woman
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-company"></i>
</div>
<div class="sample_name">
company
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-store"></i>
</div>
<div class="sample_name">
store
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-bar"></i>
</div>
<div class="sample_name">
bar
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-restaurant"></i>
</div>
<div class="sample_name">
restaurant
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-men-investor"></i>
</div>
<div class="sample_name">
men-investor
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-men-work"></i>
</div>
<div class="sample_name">
men-work
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-men-business"></i>
</div>
<div class="sample_name">
men-business
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-men-normal"></i>
</div>
<div class="sample_name">
men-normal
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-men-business2"></i>
</div>
<div class="sample_name">
men-business2
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-men-dev"></i>
</div>
<div class="sample_name">
men-dev
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-men-html"></i>
</div>
<div class="sample_name">
men-html
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-plus-contact"></i>
</div>
<div class="sample_name">
plus-contact
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-plus-picture"></i>
</div>
<div class="sample_name">
plus-picture
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-plus-company"></i>
</div>
<div class="sample_name">
plus-company
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-plus-company-contact"></i>
</div>
<div class="sample_name">
plus-company-contact
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-ruby"></i>
</div>
<div class="sample_name">
ruby
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-html5"></i>
</div>
<div class="sample_name">
html5
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-facebook"></i>
</div>
<div class="sample_name">
facebook
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-facebook-block"></i>
</div>
<div class="sample_name">
facebook-block
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-google"></i>
</div>
<div class="sample_name">
google
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-google-block"></i>
</div>
<div class="sample_name">
google-block
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-google-cut"></i>
</div>
<div class="sample_name">
google-cut
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-google-cut-block"></i>
</div>
<div class="sample_name">
google-cut-block
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-twitter"></i>
</div>
<div class="sample_name">
twitter
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-twitter-block"></i>
</div>
<div class="sample_name">
twitter-block
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-linkedin"></i>
</div>
<div class="sample_name">
linkedin
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-linkedin-block"></i>
</div>
<div class="sample_name">
linkedin-block
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-xing"></i>
</div>
<div class="sample_name">
xing
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-xing-block"></i>
</div>
<div class="sample_name">
xing-block
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-qr-code"></i>
</div>
<div class="sample_name">
qr-code
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-barcode"></i>
</div>
<div class="sample_name">
barcode
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-cash"></i>
</div>
<div class="sample_name">
cash
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-gift"></i>
</div>
<div class="sample_name">
gift
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-auge"></i>
</div>
<div class="sample_name">
auge
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-inventar"></i>
</div>
<div class="sample_name">
inventar
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-analytics-alt"></i>
</div>
<div class="sample_name">
analytics-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-settings-alt"></i>
</div>
<div class="sample_name">
settings-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-slidebar"></i>
</div>
<div class="sample_name">
slidebar
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-info-circle"></i>
</div>
<div class="sample_name">
info-circle
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-product-circle"></i>
</div>
<div class="sample_name">
product-circle
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-pos-circle"></i>
</div>
<div class="sample_name">
pos-circle
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-user"></i>
</div>
<div class="sample_name">
user
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-calendar"></i>
</div>
<div class="sample_name">
calendar
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-glass"></i>
</div>
<div class="sample_name">
glass
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-trash"></i>
</div>
<div class="sample_name">
trash
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-resize"></i>
</div>
<div class="sample_name">
resize
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-product-alt"></i>
</div>
<div class="sample_name">
product-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-circle-plus"></i>
</div>
<div class="sample_name">
circle-plus
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-circle-times"></i>
</div>
<div class="sample_name">
circle-times
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-circle-minus"></i>
</div>
<div class="sample_name">
circle-minus
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-circle-ok"></i>
</div>
<div class="sample_name">
circle-ok
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-auge-alt"></i>
</div>
<div class="sample_name">
auge-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-inventar-alt"></i>
</div>
<div class="sample_name">
inventar-alt
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-analytics-alt2"></i>
</div>
<div class="sample_name">
analytics-alt2
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-euro-circle"></i>
</div>
<div class="sample_name">
euro-circle
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-reports"></i>
</div>
<div class="sample_name">
reports
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-tasks"></i>
</div>
<div class="sample_name">
tasks
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-vcard"></i>
</div>
<div class="sample_name">
vcard
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-catalog"></i>
</div>
<div class="sample_name">
catalog
</div>
</div>
<div class="icon_sample">
<div class="sample_icon">
<i class="olicons-flyer"></i>
</div>
<div class="sample_name">
flyer
</div>
</div>
<div class="clearfix"></div>
<hr>
<div style="padding: 10px; font-size: 12px; line-height: 20px; color: #444;">
<strong>12px: </strong>
<i class="olicons-market"></i>
<i class="olicons-projects-empty"></i>
<i class="olicons-projects-full"></i>
<i class="olicons-tasks-empty"></i>
<i class="olicons-tasks-full"></i>
<i class="olicons-settings"></i>
<i class="olicons-overview"></i>
<i class="olicons-contacts"></i>
<i class="olicons-message-empty"></i>
<i class="olicons-message-full"></i>
<i class="olicons-basket-empty"></i>
<i class="olicons-basket-full"></i>
<i class="olicons-bell"></i>
<i class="olicons-notify"></i>
<i class="olicons-about-me"></i>
<i class="olicons-portfolio"></i>
<i class="olicons-portfolio-alt"></i>
<i class="olicons-general-informations"></i>
<i class="olicons-contact-data"></i>
<i class="olicons-career"></i>
<i class="olicons-skills"></i>
<i class="olicons-view-list"></i>
<i class="olicons-view-tile"></i>
<i class="olicons-view-cards"></i>
<i class="olicons-view-map"></i>
<i class="olicons-state-active"></i>
<i class="olicons-state-inactive"></i>
<i class="olicons-edit"></i>
<i class="olicons-view-map-2"></i>
<i class="olicons-search"></i>
<i class="olicons-zoom-in"></i>
<i class="olicons-zoom-out"></i>
<i class="olicons-comment"></i>
<i class="olicons-share"></i>
<i class="olicons-like"></i>
<i class="olicons-lock"></i>
<i class="olicons-lock-open"></i>
<i class="olicons-chevron-up"></i>
<i class="olicons-chevron-right"></i>
<i class="olicons-chevron-down"></i>
<i class="olicons-chevron-left"></i>
<i class="olicons-chevron-2-up"></i>
<i class="olicons-chevron-2-right"></i>
<i class="olicons-chevron-2-down"></i>
<i class="olicons-chevron-2-left"></i>
<i class="olicons-plus"></i>
<i class="olicons-minus"></i>
<i class="olicons-ok"></i>
<i class="olicons-close"></i>
<i class="olicons-plus-sign"></i>
<i class="olicons-minus-sign"></i>
<i class="olicons-ok-sign"></i>
<i class="olicons-close-sign"></i>
<i class="olicons-show-sb"></i>
<i class="olicons-hide-sb"></i>
<i class="olicons-filter"></i>
<i class="olicons-preview"></i>
<i class="olicons-hide-filter"></i>
<i class="olicons-female"></i>
<i class="olicons-male"></i>
<i class="olicons-sex"></i>
<i class="olicons-sort-down"></i>
<i class="olicons-sort-up"></i>
<i class="olicons-sort"></i>
<i class="olicons-product"></i>
<i class="olicons-object"></i>
<i class="olicons-question-answer"></i>
<i class="olicons-secure"></i>
<i class="olicons-analytics"></i>
<i class="olicons-inquiry"></i>
<i class="olicons-orders"></i>
<i class="olicons-environmentally-friendly"></i>
<i class="olicons-waterproof"></i>
<i class="olicons-delivery"></i>
<i class="olicons-bright"></i>
<i class="olicons-dark"></i>
<i class="olicons-indoor"></i>
<i class="olicons-outdoor"></i>
<i class="olicons-accessible"></i>
<i class="olicons-smoker"></i>
<i class="olicons-non-smoker"></i>
<i class="olicons-parking"></i>
<i class="olicons-parking-meter"></i>
<i class="olicons-elevator"></i>
<i class="olicons-max-people"></i>
<i class="olicons-wlan"></i>
<i class="olicons-beamer"></i>
<i class="olicons-microphone"></i>
<i class="olicons-sockets"></i>
<i class="olicons-internet"></i>
<i class="olicons-electricity"></i>
<i class="olicons-coffee"></i>
<i class="olicons-water"></i>
<i class="olicons-pizza"></i>
<i class="olicons-burger"></i>
<i class="olicons-drinks"></i>
<i class="olicons-fast-food"></i>
<i class="olicons-waiter"></i>
<i class="olicons-wine"></i>
<i class="olicons-dishes"></i>
<i class="olicons-stove"></i>
<i class="olicons-conference"></i>
<i class="olicons-classroom"></i>
<i class="olicons-banquet"></i>
<i class="olicons-theatre"></i>
<i class="olicons-u-shape"></i>
<i class="olicons-workspace"></i>
<i class="olicons-men"></i>
<i class="olicons-woman"></i>
<i class="olicons-company"></i>
<i class="olicons-store"></i>
<i class="olicons-bar"></i>
<i class="olicons-restaurant"></i>
<i class="olicons-men-investor"></i>
<i class="olicons-men-work"></i>
<i class="olicons-men-business"></i>
<i class="olicons-men-normal"></i>
<i class="olicons-men-business2"></i>
<i class="olicons-men-dev"></i>
<i class="olicons-men-html"></i>
<i class="olicons-plus-contact"></i>
<i class="olicons-plus-picture"></i>
<i class="olicons-plus-company"></i>
<i class="olicons-plus-company-contact"></i>
<i class="olicons-ruby"></i>
<i class="olicons-html5"></i>
<i class="olicons-facebook"></i>
<i class="olicons-facebook-block"></i>
<i class="olicons-google"></i>
<i class="olicons-google-block"></i>
<i class="olicons-google-cut"></i>
<i class="olicons-google-cut-block"></i>
<i class="olicons-twitter"></i>
<i class="olicons-twitter-block"></i>
<i class="olicons-linkedin"></i>
<i class="olicons-linkedin-block"></i>
<i class="olicons-xing"></i>
<i class="olicons-xing-block"></i>
<i class="olicons-qr-code"></i>
<i class="olicons-barcode"></i>
<i class="olicons-cash"></i>
<i class="olicons-gift"></i>
<i class="olicons-auge"></i>
<i class="olicons-inventar"></i>
<i class="olicons-analytics-alt"></i>
<i class="olicons-settings-alt"></i>
<i class="olicons-slidebar"></i>
<i class="olicons-info-circle"></i>
<i class="olicons-product-circle"></i>
<i class="olicons-pos-circle"></i>
<i class="olicons-user"></i>
<i class="olicons-calendar"></i>
<i class="olicons-glass"></i>
<i class="olicons-trash"></i>
<i class="olicons-resize"></i>
<i class="olicons-product-alt"></i>
<i class="olicons-circle-plus"></i>
<i class="olicons-circle-times"></i>
<i class="olicons-circle-minus"></i>
<i class="olicons-circle-ok"></i>
<i class="olicons-auge-alt"></i>
<i class="olicons-inventar-alt"></i>
<i class="olicons-analytics-alt2"></i>
<i class="olicons-euro-circle"></i>
<i class="olicons-reports"></i>
<i class="olicons-tasks"></i>
<i class="olicons-vcard"></i>
<i class="olicons-catalog"></i>
<i class="olicons-flyer"></i>
</div>
<div style="padding: 10px; font-size: 16px; line-height: 24px; color: #444;">
<strong>16px: </strong>
<i class="olicons-market"></i>
<i class="olicons-projects-empty"></i>
<i class="olicons-projects-full"></i>
<i class="olicons-tasks-empty"></i>
<i class="olicons-tasks-full"></i>
<i class="olicons-settings"></i>
<i class="olicons-overview"></i>
<i class="olicons-contacts"></i>
<i class="olicons-message-empty"></i>
<i class="olicons-message-full"></i>
<i class="olicons-basket-empty"></i>
<i class="olicons-basket-full"></i>
<i class="olicons-bell"></i>
<i class="olicons-notify"></i>
<i class="olicons-about-me"></i>
<i class="olicons-portfolio"></i>
<i class="olicons-portfolio-alt"></i>
<i class="olicons-general-informations"></i>
<i class="olicons-contact-data"></i>
<i class="olicons-career"></i>
<i class="olicons-skills"></i>
<i class="olicons-view-list"></i>
<i class="olicons-view-tile"></i>
<i class="olicons-view-cards"></i>
<i class="olicons-view-map"></i>
<i class="olicons-state-active"></i>
<i class="olicons-state-inactive"></i>
<i class="olicons-edit"></i>
<i class="olicons-view-map-2"></i>
<i class="olicons-search"></i>
<i class="olicons-zoom-in"></i>
<i class="olicons-zoom-out"></i>
<i class="olicons-comment"></i>
<i class="olicons-share"></i>
<i class="olicons-like"></i>
<i class="olicons-lock"></i>
<i class="olicons-lock-open"></i>
<i class="olicons-chevron-up"></i>
<i class="olicons-chevron-right"></i>
<i class="olicons-chevron-down"></i>
<i class="olicons-chevron-left"></i>
<i class="olicons-chevron-2-up"></i>
<i class="olicons-chevron-2-right"></i>
<i class="olicons-chevron-2-down"></i>
<i class="olicons-chevron-2-left"></i>
<i class="olicons-plus"></i>
<i class="olicons-minus"></i>
<i class="olicons-ok"></i>
<i class="olicons-close"></i>
<i class="olicons-plus-sign"></i>
<i class="olicons-minus-sign"></i>
<i class="olicons-ok-sign"></i>
<i class="olicons-close-sign"></i>
<i class="olicons-show-sb"></i>
<i class="olicons-hide-sb"></i>
<i class="olicons-filter"></i>
<i class="olicons-preview"></i>
<i class="olicons-hide-filter"></i>
<i class="olicons-female"></i>
<i class="olicons-male"></i>
<i class="olicons-sex"></i>
<i class="olicons-sort-down"></i>
<i class="olicons-sort-up"></i>
<i class="olicons-sort"></i>
<i class="olicons-product"></i>
<i class="olicons-object"></i>
<i class="olicons-question-answer"></i>
<i class="olicons-secure"></i>
<i class="olicons-analytics"></i>
<i class="olicons-inquiry"></i>
<i class="olicons-orders"></i>
<i class="olicons-environmentally-friendly"></i>
<i class="olicons-waterproof"></i>
<i class="olicons-delivery"></i>
<i class="olicons-bright"></i>
<i class="olicons-dark"></i>
<i class="olicons-indoor"></i>
<i class="olicons-outdoor"></i>
<i class="olicons-accessible"></i>
<i class="olicons-smoker"></i>
<i class="olicons-non-smoker"></i>
<i class="olicons-parking"></i>
<i class="olicons-parking-meter"></i>
<i class="olicons-elevator"></i>
<i class="olicons-max-people"></i>
<i class="olicons-wlan"></i>
<i class="olicons-beamer"></i>
<i class="olicons-microphone"></i>
<i class="olicons-sockets"></i>
<i class="olicons-internet"></i>
<i class="olicons-electricity"></i>
<i class="olicons-coffee"></i>
<i class="olicons-water"></i>
<i class="olicons-pizza"></i>
<i class="olicons-burger"></i>
<i class="olicons-drinks"></i>
<i class="olicons-fast-food"></i>
<i class="olicons-waiter"></i>
<i class="olicons-wine"></i>
<i class="olicons-dishes"></i>
<i class="olicons-stove"></i>
<i class="olicons-conference"></i>
<i class="olicons-classroom"></i>
<i class="olicons-banquet"></i>
<i class="olicons-theatre"></i>
<i class="olicons-u-shape"></i>
<i class="olicons-workspace"></i>
<i class="olicons-men"></i>
<i class="olicons-woman"></i>
<i class="olicons-company"></i>
<i class="olicons-store"></i>
<i class="olicons-bar"></i>
<i class="olicons-restaurant"></i>
<i class="olicons-men-investor"></i>
<i class="olicons-men-work"></i>
<i class="olicons-men-business"></i>
<i class="olicons-men-normal"></i>
<i class="olicons-men-business2"></i>
<i class="olicons-men-dev"></i>
<i class="olicons-men-html"></i>
<i class="olicons-plus-contact"></i>
<i class="olicons-plus-picture"></i>
<i class="olicons-plus-company"></i>
<i class="olicons-plus-company-contact"></i>
<i class="olicons-ruby"></i>
<i class="olicons-html5"></i>
<i class="olicons-facebook"></i>
<i class="olicons-facebook-block"></i>
<i class="olicons-google"></i>
<i class="olicons-google-block"></i>
<i class="olicons-google-cut"></i>
<i class="olicons-google-cut-block"></i>
<i class="olicons-twitter"></i>
<i class="olicons-twitter-block"></i>
<i class="olicons-linkedin"></i>
<i class="olicons-linkedin-block"></i>
<i class="olicons-xing"></i>
<i class="olicons-xing-block"></i>
<i class="olicons-qr-code"></i>
<i class="olicons-barcode"></i>
<i class="olicons-cash"></i>
<i class="olicons-gift"></i>
<i class="olicons-auge"></i>
<i class="olicons-inventar"></i>
<i class="olicons-analytics-alt"></i>
<i class="olicons-settings-alt"></i>
<i class="olicons-slidebar"></i>
<i class="olicons-info-circle"></i>
<i class="olicons-product-circle"></i>
<i class="olicons-pos-circle"></i>
<i class="olicons-user"></i>
<i class="olicons-calendar"></i>
<i class="olicons-glass"></i>
<i class="olicons-trash"></i>
<i class="olicons-resize"></i>
<i class="olicons-product-alt"></i>
<i class="olicons-circle-plus"></i>
<i class="olicons-circle-times"></i>
<i class="olicons-circle-minus"></i>
<i class="olicons-circle-ok"></i>
<i class="olicons-auge-alt"></i>
<i class="olicons-inventar-alt"></i>
<i class="olicons-analytics-alt2"></i>
<i class="olicons-euro-circle"></i>
<i class="olicons-reports"></i>
<i class="olicons-tasks"></i>
<i class="olicons-vcard"></i>
<i class="olicons-catalog"></i>
<i class="olicons-flyer"></i>
</div>
<div style="padding: 10px; font-size: 24px; line-height: 32px; color: #444;">
<strong>24px: </strong>
<i class="olicons-market"></i>
<i class="olicons-projects-empty"></i>
<i class="olicons-projects-full"></i>
<i class="olicons-tasks-empty"></i>
<i class="olicons-tasks-full"></i>
<i class="olicons-settings"></i>
<i class="olicons-overview"></i>
<i class="olicons-contacts"></i>
<i class="olicons-message-empty"></i>
<i class="olicons-message-full"></i>
<i class="olicons-basket-empty"></i>
<i class="olicons-basket-full"></i>
<i class="olicons-bell"></i>
<i class="olicons-notify"></i>
<i class="olicons-about-me"></i>
<i class="olicons-portfolio"></i>
<i class="olicons-portfolio-alt"></i>
<i class="olicons-general-informations"></i>
<i class="olicons-contact-data"></i>
<i class="olicons-career"></i>
<i class="olicons-skills"></i>
<i class="olicons-view-list"></i>
<i class="olicons-view-tile"></i>
<i class="olicons-view-cards"></i>
<i class="olicons-view-map"></i>
<i class="olicons-state-active"></i>
<i class="olicons-state-inactive"></i>
<i class="olicons-edit"></i>
<i class="olicons-view-map-2"></i>
<i class="olicons-search"></i>
<i class="olicons-zoom-in"></i>
<i class="olicons-zoom-out"></i>
<i class="olicons-comment"></i>
<i class="olicons-share"></i>
<i class="olicons-like"></i>
<i class="olicons-lock"></i>
<i class="olicons-lock-open"></i>
<i class="olicons-chevron-up"></i>
<i class="olicons-chevron-right"></i>
<i class="olicons-chevron-down"></i>
<i class="olicons-chevron-left"></i>
<i class="olicons-chevron-2-up"></i>
<i class="olicons-chevron-2-right"></i>
<i class="olicons-chevron-2-down"></i>
<i class="olicons-chevron-2-left"></i>
<i class="olicons-plus"></i>
<i class="olicons-minus"></i>
<i class="olicons-ok"></i>
<i class="olicons-close"></i>
<i class="olicons-plus-sign"></i>
<i class="olicons-minus-sign"></i>
<i class="olicons-ok-sign"></i>
<i class="olicons-close-sign"></i>
<i class="olicons-show-sb"></i>
<i class="olicons-hide-sb"></i>
<i class="olicons-filter"></i>
<i class="olicons-preview"></i>
<i class="olicons-hide-filter"></i>
<i class="olicons-female"></i>
<i class="olicons-male"></i>
<i class="olicons-sex"></i>
<i class="olicons-sort-down"></i>
<i class="olicons-sort-up"></i>
<i class="olicons-sort"></i>
<i class="olicons-product"></i>
<i class="olicons-object"></i>
<i class="olicons-question-answer"></i>
<i class="olicons-secure"></i>
<i class="olicons-analytics"></i>
<i class="olicons-inquiry"></i>
<i class="olicons-orders"></i>
<i class="olicons-environmentally-friendly"></i>
<i class="olicons-waterproof"></i>
<i class="olicons-delivery"></i>
<i class="olicons-bright"></i>
<i class="olicons-dark"></i>
<i class="olicons-indoor"></i>
<i class="olicons-outdoor"></i>
<i class="olicons-accessible"></i>
<i class="olicons-smoker"></i>
<i class="olicons-non-smoker"></i>
<i class="olicons-parking"></i>
<i class="olicons-parking-meter"></i>
<i class="olicons-elevator"></i>
<i class="olicons-max-people"></i>
<i class="olicons-wlan"></i>
<i class="olicons-beamer"></i>
<i class="olicons-microphone"></i>
<i class="olicons-sockets"></i>
<i class="olicons-internet"></i>
<i class="olicons-electricity"></i>
<i class="olicons-coffee"></i>
<i class="olicons-water"></i>
<i class="olicons-pizza"></i>
<i class="olicons-burger"></i>
<i class="olicons-drinks"></i>
<i class="olicons-fast-food"></i>
<i class="olicons-waiter"></i>
<i class="olicons-wine"></i>
<i class="olicons-dishes"></i>
<i class="olicons-stove"></i>
<i class="olicons-conference"></i>
<i class="olicons-classroom"></i>
<i class="olicons-banquet"></i>
<i class="olicons-theatre"></i>
<i class="olicons-u-shape"></i>
<i class="olicons-workspace"></i>
<i class="olicons-men"></i>
<i class="olicons-woman"></i>
<i class="olicons-company"></i>
<i class="olicons-store"></i>
<i class="olicons-bar"></i>
<i class="olicons-restaurant"></i>
<i class="olicons-men-investor"></i>
<i class="olicons-men-work"></i>
<i class="olicons-men-business"></i>
<i class="olicons-men-normal"></i>
<i class="olicons-men-business2"></i>
<i class="olicons-men-dev"></i>
<i class="olicons-men-html"></i>
<i class="olicons-plus-contact"></i>
<i class="olicons-plus-picture"></i>
<i class="olicons-plus-company"></i>
<i class="olicons-plus-company-contact"></i>
<i class="olicons-ruby"></i>
<i class="olicons-html5"></i>
<i class="olicons-facebook"></i>
<i class="olicons-facebook-block"></i>
<i class="olicons-google"></i>
<i class="olicons-google-block"></i>
<i class="olicons-google-cut"></i>
<i class="olicons-google-cut-block"></i>
<i class="olicons-twitter"></i>
<i class="olicons-twitter-block"></i>
<i class="olicons-linkedin"></i>
<i class="olicons-linkedin-block"></i>
<i class="olicons-xing"></i>
<i class="olicons-xing-block"></i>
<i class="olicons-qr-code"></i>
<i class="olicons-barcode"></i>
<i class="olicons-cash"></i>
<i class="olicons-gift"></i>
<i class="olicons-auge"></i>
<i class="olicons-inventar"></i>
<i class="olicons-analytics-alt"></i>
<i class="olicons-settings-alt"></i>
<i class="olicons-slidebar"></i>
<i class="olicons-info-circle"></i>
<i class="olicons-product-circle"></i>
<i class="olicons-pos-circle"></i>
<i class="olicons-user"></i>
<i class="olicons-calendar"></i>
<i class="olicons-glass"></i>
<i class="olicons-trash"></i>
<i class="olicons-resize"></i>
<i class="olicons-product-alt"></i>
<i class="olicons-circle-plus"></i>
<i class="olicons-circle-times"></i>
<i class="olicons-circle-minus"></i>
<i class="olicons-circle-ok"></i>
<i class="olicons-auge-alt"></i>
<i class="olicons-inventar-alt"></i>
<i class="olicons-analytics-alt2"></i>
<i class="olicons-euro-circle"></i>
<i class="olicons-reports"></i>
<i class="olicons-tasks"></i>
<i class="olicons-vcard"></i>
<i class="olicons-catalog"></i>
<i class="olicons-flyer"></i>
</div>
<div style="padding: 10px; font-size: 36px; line-height: 44px; color: #444;">
<strong>36px: </strong>
<i class="olicons-market"></i>
<i class="olicons-projects-empty"></i>
<i class="olicons-projects-full"></i>
<i class="olicons-tasks-empty"></i>
<i class="olicons-tasks-full"></i>
<i class="olicons-settings"></i>
<i class="olicons-overview"></i>
<i class="olicons-contacts"></i>
<i class="olicons-message-empty"></i>
<i class="olicons-message-full"></i>
<i class="olicons-basket-empty"></i>
<i class="olicons-basket-full"></i>
<i class="olicons-bell"></i>
<i class="olicons-notify"></i>
<i class="olicons-about-me"></i>
<i class="olicons-portfolio"></i>
<i class="olicons-portfolio-alt"></i>
<i class="olicons-general-informations"></i>
<i class="olicons-contact-data"></i>
<i class="olicons-career"></i>
<i class="olicons-skills"></i>
<i class="olicons-view-list"></i>
<i class="olicons-view-tile"></i>
<i class="olicons-view-cards"></i>
<i class="olicons-view-map"></i>
<i class="olicons-state-active"></i>
<i class="olicons-state-inactive"></i>
<i class="olicons-edit"></i>
<i class="olicons-view-map-2"></i>
<i class="olicons-search"></i>
<i class="olicons-zoom-in"></i>
<i class="olicons-zoom-out"></i>
<i class="olicons-comment"></i>
<i class="olicons-share"></i>
<i class="olicons-like"></i>
<i class="olicons-lock"></i>
<i class="olicons-lock-open"></i>
<i class="olicons-chevron-up"></i>
<i class="olicons-chevron-right"></i>
<i class="olicons-chevron-down"></i>
<i class="olicons-chevron-left"></i>
<i class="olicons-chevron-2-up"></i>
<i class="olicons-chevron-2-right"></i>
<i class="olicons-chevron-2-down"></i>
<i class="olicons-chevron-2-left"></i>
<i class="olicons-plus"></i>
<i class="olicons-minus"></i>
<i class="olicons-ok"></i>
<i class="olicons-close"></i>
<i class="olicons-plus-sign"></i>
<i class="olicons-minus-sign"></i>
<i class="olicons-ok-sign"></i>
<i class="olicons-close-sign"></i>
<i class="olicons-show-sb"></i>
<i class="olicons-hide-sb"></i>
<i class="olicons-filter"></i>
<i class="olicons-preview"></i>
<i class="olicons-hide-filter"></i>
<i class="olicons-female"></i>
<i class="olicons-male"></i>
<i class="olicons-sex"></i>
<i class="olicons-sort-down"></i>
<i class="olicons-sort-up"></i>
<i class="olicons-sort"></i>
<i class="olicons-product"></i>
<i class="olicons-object"></i>
<i class="olicons-question-answer"></i>
<i class="olicons-secure"></i>
<i class="olicons-analytics"></i>
<i class="olicons-inquiry"></i>
<i class="olicons-orders"></i>
<i class="olicons-environmentally-friendly"></i>
<i class="olicons-waterproof"></i>
<i class="olicons-delivery"></i>
<i class="olicons-bright"></i>
<i class="olicons-dark"></i>
<i class="olicons-indoor"></i>
<i class="olicons-outdoor"></i>
<i class="olicons-accessible"></i>
<i class="olicons-smoker"></i>
<i class="olicons-non-smoker"></i>
<i class="olicons-parking"></i>
<i class="olicons-parking-meter"></i>
<i class="olicons-elevator"></i>
<i class="olicons-max-people"></i>
<i class="olicons-wlan"></i>
<i class="olicons-beamer"></i>
<i class="olicons-microphone"></i>
<i class="olicons-sockets"></i>
<i class="olicons-internet"></i>
<i class="olicons-electricity"></i>
<i class="olicons-coffee"></i>
<i class="olicons-water"></i>
<i class="olicons-pizza"></i>
<i class="olicons-burger"></i>
<i class="olicons-drinks"></i>
<i class="olicons-fast-food"></i>
<i class="olicons-waiter"></i>
<i class="olicons-wine"></i>
<i class="olicons-dishes"></i>
<i class="olicons-stove"></i>
<i class="olicons-conference"></i>
<i class="olicons-classroom"></i>
<i class="olicons-banquet"></i>
<i class="olicons-theatre"></i>
<i class="olicons-u-shape"></i>
<i class="olicons-workspace"></i>
<i class="olicons-men"></i>
<i class="olicons-woman"></i>
<i class="olicons-company"></i>
<i class="olicons-store"></i>
<i class="olicons-bar"></i>
<i class="olicons-restaurant"></i>
<i class="olicons-men-investor"></i>
<i class="olicons-men-work"></i>
<i class="olicons-men-business"></i>
<i class="olicons-men-normal"></i>
<i class="olicons-men-business2"></i>
<i class="olicons-men-dev"></i>
<i class="olicons-men-html"></i>
<i class="olicons-plus-contact"></i>
<i class="olicons-plus-picture"></i>
<i class="olicons-plus-company"></i>
<i class="olicons-plus-company-contact"></i>
<i class="olicons-ruby"></i>
<i class="olicons-html5"></i>
<i class="olicons-facebook"></i>
<i class="olicons-facebook-block"></i>
<i class="olicons-google"></i>
<i class="olicons-google-block"></i>
<i class="olicons-google-cut"></i>
<i class="olicons-google-cut-block"></i>
<i class="olicons-twitter"></i>
<i class="olicons-twitter-block"></i>
<i class="olicons-linkedin"></i>
<i class="olicons-linkedin-block"></i>
<i class="olicons-xing"></i>
<i class="olicons-xing-block"></i>
<i class="olicons-qr-code"></i>
<i class="olicons-barcode"></i>
<i class="olicons-cash"></i>
<i class="olicons-gift"></i>
<i class="olicons-auge"></i>
<i class="olicons-inventar"></i>
<i class="olicons-analytics-alt"></i>
<i class="olicons-settings-alt"></i>
<i class="olicons-slidebar"></i>
<i class="olicons-info-circle"></i>
<i class="olicons-product-circle"></i>
<i class="olicons-pos-circle"></i>
<i class="olicons-user"></i>
<i class="olicons-calendar"></i>
<i class="olicons-glass"></i>
<i class="olicons-trash"></i>
<i class="olicons-resize"></i>
<i class="olicons-product-alt"></i>
<i class="olicons-circle-plus"></i>
<i class="olicons-circle-times"></i>
<i class="olicons-circle-minus"></i>
<i class="olicons-circle-ok"></i>
<i class="olicons-auge-alt"></i>
<i class="olicons-inventar-alt"></i>
<i class="olicons-analytics-alt2"></i>
<i class="olicons-euro-circle"></i>
<i class="olicons-reports"></i>
<i class="olicons-tasks"></i>
<i class="olicons-vcard"></i>
<i class="olicons-catalog"></i>
<i class="olicons-flyer"></i>
</div>
<div class="clearfix"></div>
<br>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>