Foundation图标参考手册

Foundation提供了283个图标，你可以使用CSS来渲染她们：修改大小和颜色。图标创建语法格式如下：

<i class="fi-name"></i>

要使用图标，你可以将图片的样式文件放置在页面头部部分：

<link rel="stylesheet" href="http://static.runoob.com/assets/foundation-icons/foundation-icons.css">

以下是Foundation提供的部分图标：

• GeneralIcons
• 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
• PageIcons
• 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
• ArrowIcons
• arrow-up
• arrow-right
• arrow-down
• arrow-left
• arrows-out
• arrows-in
• arrows-expand
• arrows-compress
• PeopleIcons
• torso
• torso-female
• torso-male
• torso-female-male
• torso-all
• torso-all-female
• torso-business
• DeviceIcons
• monitor
• laptop
• tablet-portrait
• tablet-landscape
• mobile
• mobile-signal
• usb
• TextEditorIcons
• 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
• MediaControlIcons
• play
• stop
• pause
• previous
• rewind
• fast-forward
• next
• record
• play-circle
• volume-none
• volume
• volume-strike
• loop
• shuffle
• eject
• rewind-ten
• EcommerceIcons
• 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
• AccessibilityIcons
• wheelchair
• braille
• closed-caption
• blind
• asl
• hearing-aid
• guide-dog
• universal-access
• telephone-accessible
• elevator
• male
• female
• male-female
• male-symbol
• female-symbol
• Social&BrandIcons
• 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
• MiscellaneousIcons
• 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
• mountain
• 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