<section id="icon_section">
|
<header>
|
<nav class="left">
|
<a href="#" data-target="back" data-icon="undo">Back</a>
|
</nav>
|
<h1 class="title">ICONS</h1>
|
</header>
|
<article class="active" data-scroll="true">
|
<div class="icon-container clearfix">
|
<div >
|
<div class="icon previous"></div>
|
previous
|
</div>
|
<div >
|
<div class="icon next"></div>
|
next
|
</div>
|
<div >
|
<div class="icon arrow-down"></div>
|
arrow-down
|
</div>
|
<div >
|
<div class="icon arrow-up"></div>
|
arrow-up
|
</div>
|
<div >
|
<div class="icon home"></div>
|
home
|
</div>
|
<div >
|
<div class="icon home-2"></div>
|
home-2
|
</div>
|
<div >
|
<div class="icon office"></div>
|
office
|
</div>
|
<div >
|
<div class="icon newspaper"></div>
|
newspaper
|
</div>
|
<div >
|
<div class="icon pencil"></div>
|
pencil
|
</div>
|
<div >
|
<div class="icon pencil-2"></div>
|
pencil-2
|
</div>
|
<div >
|
<div class="icon quill"></div>
|
quill
|
</div>
|
<div >
|
<div class="icon image"></div>
|
image
|
</div>
|
<div >
|
<div class="icon camera"></div>
|
camera
|
</div>
|
<div >
|
<div class="icon music"></div>
|
music
|
</div>
|
<div >
|
<div class="icon headphones"></div>
|
headphones
|
</div>
|
<div >
|
<div class="icon camera-2"></div>
|
camera-2
|
</div>
|
<div >
|
<div class="icon pacman"></div>
|
pacman
|
</div>
|
<div >
|
<div class="icon connection"></div>
|
connection
|
</div>
|
<div >
|
<div class="icon podcast"></div>
|
podcast
|
</div>
|
<div >
|
<div class="icon book"></div>
|
book
|
</div>
|
<div >
|
<div class="icon books"></div>
|
books
|
</div>
|
<div >
|
<div class="icon stack"></div>
|
stack
|
</div>
|
<div >
|
<div class="icon folder"></div>
|
folder
|
</div>
|
<div >
|
<div class="icon folder-open"></div>
|
folder-open
|
</div>
|
<div >
|
<div class="icon tag"></div>
|
tag
|
</div>
|
<div >
|
<div class="icon tags"></div>
|
tags
|
</div>
|
<div >
|
<div class="icon barcode"></div>
|
barcode
|
</div>
|
<div >
|
<div class="icon qrcode"></div>
|
qrcode
|
</div>
|
<div >
|
<div class="icon cart"></div>
|
cart
|
</div>
|
<div >
|
<div class="icon phone"></div>
|
phone
|
</div>
|
<div >
|
<div class="icon phone-hang-up"></div>
|
phone-hang-up
|
</div>
|
<div >
|
<div class="icon address-book"></div>
|
address-book
|
</div>
|
<div >
|
<div class="icon envelop"></div>
|
envelop
|
</div>
|
<div >
|
<div class="icon pushpin"></div>
|
pushpin
|
</div>
|
<div >
|
<div class="icon location"></div>
|
location
|
</div>
|
<div >
|
<div class="icon map"></div>
|
map
|
</div>
|
<div >
|
<div class="icon alarm"></div>
|
alarm
|
</div>
|
<div >
|
<div class="icon bell"></div>
|
bell
|
</div>
|
<div >
|
<div class="icon calendar"></div>
|
calendar
|
</div>
|
<div >
|
<div class="icon mobile"></div>
|
mobile
|
</div>
|
<div >
|
<div class="icon cabinet"></div>
|
cabinet
|
</div>
|
<div >
|
<div class="icon drawer"></div>
|
drawer
|
</div>
|
<div >
|
<div class="icon drawer-2"></div>
|
drawer-2
|
</div>
|
<div >
|
<div class="icon drawer-3"></div>
|
drawer-3
|
</div>
|
<div >
|
<div class="icon undo"></div>
|
undo
|
</div>
|
<div >
|
<div class="icon redo"></div>
|
redo
|
</div>
|
<div >
|
<div class="icon forward"></div>
|
forward
|
</div>
|
<div >
|
<div class="icon reply"></div>
|
reply
|
</div>
|
<div >
|
<div class="icon bubble"></div>
|
bubble
|
</div>
|
<div >
|
<div class="icon bubbles"></div>
|
bubbles
|
</div>
|
<div >
|
<div class="icon user"></div>
|
user
|
</div>
|
<div >
|
<div class="icon users"></div>
|
users
|
</div>
|
<div >
|
<div class="icon spinner"></div>
|
spinner
|
</div>
|
<div >
|
<div class="icon search"></div>
|
search
|
</div>
|
<div >
|
<div class="icon expand"></div>
|
expand
|
</div>
|
<div >
|
<div class="icon contract"></div>
|
contract
|
</div>
|
<div >
|
<div class="icon expand-2"></div>
|
expand-2
|
</div>
|
<div >
|
<div class="icon contract-2"></div>
|
contract-2
|
</div>
|
<div >
|
<div class="icon key"></div>
|
key
|
</div>
|
<div >
|
<div class="icon lock"></div>
|
lock
|
</div>
|
<div >
|
<div class="icon unlocked"></div>
|
unlocked
|
</div>
|
<div >
|
<div class="icon wrench"></div>
|
wrench
|
</div>
|
<div >
|
<div class="icon cogs"></div>
|
cogs
|
</div>
|
<div >
|
<div class="icon cog"></div>
|
cog
|
</div>
|
<div >
|
<div class="icon wand"></div>
|
wand
|
</div>
|
<div >
|
<div class="icon pie"></div>
|
pie
|
</div>
|
<div >
|
<div class="icon stats"></div>
|
stats
|
</div>
|
<div >
|
<div class="icon bars"></div>
|
bars
|
</div>
|
<div >
|
<div class="icon bars-2"></div>
|
bars-2
|
</div>
|
<div >
|
<div class="icon gift"></div>
|
gift
|
</div>
|
<div >
|
<div class="icon meter"></div>
|
meter
|
</div>
|
<div >
|
<div class="icon remove"></div>
|
remove
|
</div>
|
<div >
|
<div class="icon airplane"></div>
|
airplane
|
</div>
|
<div >
|
<div class="icon truck"></div>
|
truck
|
</div>
|
<div >
|
<div class="icon road"></div>
|
road
|
</div>
|
<div >
|
<div class="icon accessibility"></div>
|
accessibility
|
</div>
|
<div >
|
<div class="icon target"></div>
|
target
|
</div>
|
<div >
|
<div class="icon lightning"></div>
|
lightning
|
</div>
|
<div >
|
<div class="icon switch"></div>
|
switch
|
</div>
|
<div >
|
<div class="icon power-cord"></div>
|
power-cord
|
</div>
|
<div >
|
<div class="icon signup"></div>
|
signup
|
</div>
|
<div >
|
<div class="icon menu"></div>
|
menu
|
</div>
|
<div >
|
<div class="icon tree"></div>
|
tree
|
</div>
|
<div >
|
<div class="icon cloud"></div>
|
cloud
|
</div>
|
<div >
|
<div class="icon cloud-download"></div>
|
cloud-download
|
</div>
|
<div >
|
<div class="icon cloud-upload"></div>
|
cloud-upload
|
</div>
|
<div >
|
<div class="icon earth"></div>
|
earth
|
</div>
|
<div >
|
<div class="icon attachment"></div>
|
attachment
|
</div>
|
<div >
|
<div class="icon brightness-medium"></div>
|
brightness-medium
|
</div>
|
<div >
|
<div class="icon brightness-contrast"></div>
|
brightness-contrast
|
</div>
|
<div >
|
<div class="icon contrast"></div>
|
contrast
|
</div>
|
<div >
|
<div class="icon thumbs-up"></div>
|
thumbs-up
|
</div>
|
<div >
|
<div class="icon thumbs-up-2"></div>
|
thumbs-up-2
|
</div>
|
<div >
|
<div class="icon notification"></div>
|
notification
|
</div>
|
<div >
|
<div class="icon question"></div>
|
question
|
</div>
|
<div >
|
<div class="icon info"></div>
|
info
|
</div>
|
<div >
|
<div class="icon info-2"></div>
|
info-2
|
</div>
|
<div >
|
<div class="icon blocked"></div>
|
blocked
|
</div>
|
<div >
|
<div class="icon cancel-circle"></div>
|
cancel-circle
|
</div>
|
<div >
|
<div class="icon checkmark-circle"></div>
|
checkmark-circle
|
</div>
|
<div >
|
<div class="icon close"></div>
|
close
|
</div>
|
<div >
|
<div class="icon checkmark"></div>
|
checkmark
|
</div>
|
<div >
|
<div class="icon minus"></div>
|
minus
|
</div>
|
<div >
|
<div class="icon plus"></div>
|
plus
|
</div>
|
<div >
|
<div class="icon enter"></div>
|
enter
|
</div>
|
<div >
|
<div class="icon exit"></div>
|
exit
|
</div>
|
<div >
|
<div class="icon play"></div>
|
play
|
</div>
|
<div >
|
<div class="icon pause"></div>
|
pause
|
</div>
|
<div >
|
<div class="icon stop"></div>
|
stop
|
</div>
|
<div >
|
<div class="icon backward"></div>
|
backward
|
</div>
|
<div >
|
<div class="icon forward-2"></div>
|
forward-2
|
</div>
|
<div >
|
<div class="icon first"></div>
|
first
|
</div>
|
<div >
|
<div class="icon last"></div>
|
last
|
</div>
|
<div >
|
<div class="icon previous"></div>
|
previous
|
</div>
|
<div >
|
<div class="icon next"></div>
|
next
|
</div>
|
<div >
|
<div class="icon eject"></div>
|
eject
|
</div>
|
<div >
|
<div class="icon volume-high"></div>
|
volume-high
|
</div>
|
<div >
|
<div class="icon volume-medium"></div>
|
volume-medium
|
</div>
|
<div >
|
<div class="icon volume-low"></div>
|
volume-low
|
</div>
|
<div >
|
<div class="icon volume-mute"></div>
|
volume-mute
|
</div>
|
<div >
|
<div class="icon tab"></div>
|
tab
|
</div>
|
<div >
|
<div class="icon checkbox-checked"></div>
|
checkbox-checked
|
</div>
|
<div >
|
<div class="icon checkbox-unchecked"></div>
|
checkbox-unchecked
|
</div>
|
<div >
|
<div class="icon checkbox-partial"></div>
|
checkbox-partial
|
</div>
|
<div >
|
<div class="icon radio-checked"></div>
|
radio-checked
|
</div>
|
<div >
|
<div class="icon radio-unchecked"></div>
|
radio-unchecked
|
</div>
|
<div >
|
<div class="icon crop"></div>
|
crop
|
</div>
|
<div >
|
<div class="icon scissors"></div>
|
scissors
|
</div>
|
<div >
|
<div class="icon share"></div>
|
share
|
</div>
|
<div >
|
<div class="icon html5"></div>
|
html5
|
</div>
|
<div >
|
<div class="icon html5-2"></div>
|
html5-2
|
</div>
|
<div >
|
<div class="icon chrome"></div>
|
chrome
|
</div>
|
<div >
|
<div class="icon libreoffice"></div>
|
libreoffice
|
</div>
|
<div >
|
<div class="icon IE"></div>
|
IE
|
</div>
|
<div >
|
<div class="icon firefox"></div>
|
firefox
|
</div>
|
<div >
|
<div class="icon volume-mute-2"></div>
|
volume-mute-2
|
</div>
|
<div >
|
<div class="icon volume-increase"></div>
|
volume-increase
|
</div>
|
<div >
|
<div class="icon volume-decrease"></div>
|
volume-decrease
|
</div>
|
<div >
|
<div class="icon loop"></div>
|
loop
|
</div>
|
<div >
|
<div class="icon shuffle"></div>
|
shuffle
|
</div>
|
<div >
|
<div class="icon arrow-left-2"></div>
|
arrow-left-2
|
</div>
|
<div >
|
<div class="icon arrow-up-left"></div>
|
arrow-up-left
|
</div>
|
<div >
|
<div class="icon arrow-up-2"></div>
|
arrow-up-2
|
</div>
|
<div >
|
<div class="icon arrow-up-right"></div>
|
arrow-up-right
|
</div>
|
<div >
|
<div class="icon arrow-right-2"></div>
|
arrow-right-2
|
</div>
|
<div >
|
<div class="icon arrow-down-right"></div>
|
arrow-down-right
|
</div>
|
<div >
|
<div class="icon arrow-down-2"></div>
|
arrow-down-2
|
</div>
|
<div >
|
<div class="icon arrow-down-left"></div>
|
arrow-down-left
|
</div>
|
<div >
|
<div class="icon images"></div>
|
images
|
</div>
|
<div >
|
<div class="icon file"></div>
|
file
|
</div>
|
<div >
|
<div class="icon file-2"></div>
|
file-2
|
</div>
|
<div >
|
<div class="icon rocket"></div>
|
rocket
|
</div>
|
<div >
|
<div class="icon flag"></div>
|
flag
|
</div>
|
<div >
|
<div class="icon arrow-up-left-2"></div>
|
arrow-up-left-2
|
</div>
|
<div >
|
<div class="icon arrow-up-3"></div>
|
arrow-up-3
|
</div>
|
<div >
|
<div class="icon arrow-up-right-2"></div>
|
arrow-up-right-2
|
</div>
|
<div >
|
<div class="icon arrow-down-right-2"></div>
|
arrow-down-right-2
|
</div>
|
<div >
|
<div class="icon arrow-down-3"></div>
|
arrow-down-3
|
</div>
|
<div >
|
<div class="icon arrow-down-left-2"></div>
|
arrow-down-left-2
|
</div>
|
<div >
|
<div class="icon area"></div>
|
area
|
</div>
|
<div >
|
<div class="icon sina-weibo"></div>
|
sina-weibo
|
</div>
|
<div >
|
<div class="icon renren"></div>
|
renren
|
</div>
|
<div >
|
<div class="icon qq"></div>
|
qq
|
</div>
|
<div >
|
<div class="icon target-2"></div>
|
target-2
|
</div>
|
<div >
|
<div class="icon signal"></div>
|
signal
|
</div>
|
<div >
|
<div class="icon database"></div>
|
database
|
</div>
|
<div >
|
<div class="icon options"></div>
|
options
|
</div>
|
<div >
|
<div class="icon list"></div>
|
list
|
</div>
|
<div >
|
<div class="icon grid"></div>
|
grid
|
</div>
|
<div >
|
<div class="icon ellipsis"></div>
|
ellipsis
|
</div>
|
<div >
|
<div class="icon star"></div>
|
star
|
</div>
|
<div >
|
<div class="icon star-2"></div>
|
star-2
|
</div>
|
<div >
|
<div class="icon star-3"></div>
|
star-3
|
</div>
|
</div>
|
</article>
|
|
</section>
|