Foundation 图标
Foundation 提供了 283 图标，你可以使用 CSS 来渲染她们：修改大小和颜色。
图标创建语法格式如下：
<i class="fi-name"></i>
语法中 name 部分为图标指定的名称。
要使用图标，你可以将图片的样式文件放置在页面头部 <head> 部分:
<link rel="stylesheet" href="http://static.runoob.com/assets/foundation-icons/foundation-icons.css">Foundation 图标参考手册
General Icons
heart
star
plus
minus
x
check
upload
download
widget
marker
refresh
home
trash
paperclip
lock
unlock
calendar
cloud
magnifying-glass
zoom-out
zoom-in
wrench
rss
share
flag
list-thumbnails
list
thumbnails
annotate
folder
folder-lock
folder-add
clock
play-video
crop
archive
pencil
graph-trend
graph-bar
graph-horizontal
graph-pie
checkbox
minus-circle
x-circle
eye
database
results
results-demographics
like
dislike
upload-cloud
camera
alert
bookmark
contrast
mail
video
telephone
comment
comment-video
comment-quotes
comment-minus
comments
microphone
megaphone
sound
address-book
bluetooth
html5
css3
layout
web
foundation
Page Icons
page
page-csv
page-doc
page-pdf
page-export
page-export-csv
page-export-doc
page-export-pdf
page-add
page-remove
page-delete
page-edit
page-search
page-copy
page-filled
page-multiple
Arrow Icons
arrow-up
arrow-right
arrow-down
arrow-left
arrows-out
arrows-in
arrows-expand
arrows-compress
People Icons
torso
torso-female
torsos
torsos-female-male
torsos-male-female
torsos-all
torsos-all-female
torso-business
Device Icons
monitor
laptop
tablet-portrait
tablet-landscape
mobile
mobile-signal
usb
Text Editor Icons
bold
italic
underline
strike
text-color
background-color
superscript
subscript
align-left
align-center
align-right
align-justify
list-numbered
list-bullet
indent-more
indent-less
print
save
photo
filter
paint-bucket
link
unlink
quote
Media Control Icons
play
stop
pause
previous
rewind
fast-forward
next
record
play-circle
volume-none
volume
volume-strike
loop
shuffle
eject
rewind-ten
Ecommerce Icons
dollar
euro
pound
yen
bitcoin
bitcoin-circle
credit-card
shopping-cart
burst
burst-new
burst-sale
paypal
price-tag
pricetag-multiple
shopping-bag
dollar-bill
Accessibility Icons
wheelchair
braille
closed-caption
blind
asl
hearing-aid
guide-dog
universal-access
telephone-accessible
elevator
male
female
male-female
male-symbol
female-symbol
Social & Brand Icons
social-500px
social-adobe
social-amazon
social-android
social-apple
social-behance
social-bing
social-blogger
social-delicious
social-designer-news
social-deviant-art
social-digg
social-dribbble
social-drive
social-dropbox
social-evernote
social-facebook
social-flickr
social-forrst
social-foursquare
social-game-center
social-github
social-google-plus
social-hacker-news
social-hi5
social-instagram
social-joomla
social-lastfm
social-linkedin
social-medium
social-myspace
social-orkut
social-path
social-picasa
social-pinterest
social-rdio
social-reddit
social-skype
social-skillshare
social-smashing-mag
social-snapchat
social-spotify
social-squidoo
social-stack-overflow
social-steam
social-stumbleupon
social-treehouse
social-tumblr
social-twitter
social-vimeo
social-windows
social-xbox
social-yahoo
social-yelp
social-youtube
social-zerply
social-zurb
Miscellaneous Icons
compass
music
lightbulb
battery-full
battery-half
battery-empty
projection-screen
info
power
asterisk
at-sign
key
ticket
book
book-bookmark
anchor
puzzle
foot
paw
mountains
trees
sheriff-badge
first-aid
trophy
prohibited
no-dogs
no-smoking
safety-cone
shield
crown
target
target-two
die-one
die-two
die-three
die-four
die-five
die-six
skull
map
clipboard
clipboard-pencil
clipboard-notes
本文暂时没有评论，来添加一个吧(●'◡'●)