Foundation 图标参考手册
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" />
以上是菜鸟教程使用的图标样式类，大家可以共用。
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
- 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
- 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