This is a plugin is not required to introduce a picture only a font file can make very many beautiful icon plug-ins, and these icons are vector, can be infinitely magnified, and can change the color, fort ...
Note that to look at the content must use IE9 or Chrome or Firefox browser, IE8 the antique is not effective (although said to support the IE7, but need to introduce a lot of things, too lazy to test = =)
Click to download (version 4.0.3)
How to use:
Four more folders after decompression:
1. Copy CSS and font folders to your site's directory, note that CSS and font folder is the same level of relationship, CSS inside there are two files one is font-awesome.css another is font-awesome.min.css, these two keep one on the line, the second is compressed, I use is compressed.
2. Introduce a section of code on your Web page 1 < link rel = "stylesheet" href = "Public/css/font-awesome.min.css" >
3. Create an I tag in the place where you want to add the icon (it's usually the I tag, and it's OK to test the other tags), for example:. 1 < I class = "Fa here Write icon name" ></i >
This is OK, here is the font awesome icon name Daquan (a total of 369 icons):
4.0 newly added 11 icons
Class Name: Fa-rub
Class Name: fa-ruble
Class Name: fa-rouble
Class Name: Fa-pagelines
Class Name: Fa-stack-exchange
Class Name: Fa-arrow-circle-o-right
Class Name: Fa-arrow-circle-o-left
Class Name: Fa-caret-square-o-left
Class Name: Fa-toggle-left
Class Name: Fa-dot-circle-o
Class Name: Fa-wheelchair
Class Name: Fa-vimeo-square
Class Name: Fa-try
Class Name: Fa-turkish-lira
Class Name: Fa-plus-square-o
Icons for WEB applications
Class Name: Fa-adjust
Class Name: Fa-anchor
Class Name: Fa-archive
Class Name: Fa-arrows
Class Name: Fa-arrows-h
Class Name: Fa-arrows-v
Class Name: Fa-asterisk
Class Name: Fa-ban
Class Name: Fa-bar-chart-o
Class Name: Fa-barcode
Class Name: Fa-bars
Class Name: Fa-beer
Class Name: Fa-bell
Class Name: Fa-bell-o
Class Name: Fa-bolt
Class Name: Fa-book
Class Name: Fa-bookmark
Class Name: Fa-bookmark-o
Class Name: Fa-briefcase
Class Name: Fa-bug
Class Name: Fa-building-o
Class Name: Fa-bullhorn
Class Name: Fa-bullseye
Class Name: Fa-calendar
Class Name: Fa-calendar-o
Class Name: Fa-camera
Class Name: Fa-camera-retro
Class Name: Fa-caret-square-o-down
Class Name: Fa-caret-square-o-left
Class Name: Fa-caret-square-o-right
Class Name: fa-caret-square-o-up
Class Name: Fa-certificate
Class Name: Fa-check
Class Name: Fa-check-circle
Class Name: Fa-check-circle-o
Class Name: Fa-check-square
Class Name: Fa-check-square-o
Class Name: Fa-circle
Class Name: Fa-circle-o
Class Name: Fa-clock-o
Class Name: Fa-cloud
Class Name: Fa-cloud-download
Class Name: Fa-cloud-upload
Class Name: Fa-code
Class Name: Fa-code-fork
Class Name: Fa-coffee
Class Name: FA-COG
Class Name: Fa-cogs
Class Name: Fa-comment
Class Name: Fa-comment-o
Class Name: Fa-comments
Class Name: Fa-comments-o
Class Name: Fa-compass
Class Name: Fa-credit-card
Class Name: Fa-crop
Class Name: Fa-crosshairs
Class Name: Fa-cutlery
Class Name: Fa-dashboard
Class Name: Fa-desktop
Class Name: Fa-dot-circle-o
Class Name: Fa-download
Class Name: Fa-edit
Class Name: Fa-ellipsis-h
Class Name: Fa-ellipsis-v
Class Name: Fa-envelope
Class Name: Fa-envelope-o
Class Name: Fa-eraser
Class Name: Fa-exchange
Class Name: Fa-exclamation
Class Name: Fa-exclamation-circle
Class Name: Fa-exclamation-triangle
Class Name: Fa-external-link
Class Name: Fa-external-link-square
Class Name: Fa-eye
Class Name: Fa-eye-slash
Class Name: Fa-female
Class Name: Fa-fighter-jet
Class Name: Fa-film
Class Name: Fa-filter
Class Name: Fa-fire
Class Name: Fa-fire-extinguisher
Class Name: Fa-flag
Class Name: fa-flag-checkered
Class Name: Fa-flag-o
Class Name: Fa-flash
Class Name: Fa-flask
Class Name: Fa-folder
Class Name: Fa-folder-o
Class Name: Fa-folder-open
Class Name: Fa-folder-open-o
Class Name: Fa-frown-o
Class Name: Fa-gamepad
Class Name: Fa-gavel
Class Name: Fa-gear
Class Name: Fa-gears
Class Name: Fa-gift
Class Name: Fa-glass
Class Name: Fa-globe
Class Name: Fa-group
Class Name: Fa-hdd-o
Class Name: Fa-headphones
Class Name: Fa-heart
Class Name: Fa-heart-o
Class Name: Fa-home
Class Name: Fa-inbox
Class Name: Fa-info
Class Name: Fa-info-circle
Class Name: Fa-key
Class Name: Fa-keyboard-o
Class Name: Fa-laptop
Class Name: Fa-leaf
Class Name: Fa-legal
Class Name: Fa-lemon-o
Class Name: Fa-level-down
Class Name: fa-level-up
Class Name: Fa-lightbulb-o
Class Name: Fa-location-arrow
Class Name: Fa-lock
Class Name: Fa-magic
Class Name: Fa-magnet
Class Name: Fa-mail-forward
Class Name: fa-mail-reply
Class Name: Fa-mail-reply-all
Class Name: Fa-male
Class Name: Fa-map-marker
Class Name: Fa-meh-o
Class Name: Fa-microphone
Class Name: Fa-microphone-slash
Class Name: Fa-minus
Class Name: Fa-minus-circle
Class Name: Fa-minus-square
Class Name: Fa-minus-square-o
Class Name: Fa-mobile
Class Name: Fa-mobile-phone
Class Name: Fa-money
Class Name: Fa-moon-o
Class Name: Fa-music
Class Name: Fa-pencil
Class Name: Fa-pencil-square
Class Name: Fa-pencil-square-o
Class Name: Fa-phone
Class Name: Fa-phone-square
Class Name: Fa-picture-o
Class Name: Fa-plane
Class Name: Fa-plus
Class Name: Fa-plus-circle
Class Name: Fa-plus-square
Class Name: Fa-plus-square-o
Class Name: Fa-power-off
Class Name: Fa-print
Class Name: Fa-puzzle-piece
Class Name: Fa-qrcode
Class Name: Fa-question
Class Name: Fa-question-circle
Class Name: Fa-quote-left
Class Name: Fa-quote-right
Class Name: Fa-random
Class Name: Fa-refresh
Class Name: fa-reply
Class Name: Fa-reply-all
Class Name: Fa-retweet
Class Name: Fa-road
Class Name: Fa-rocket
Class Name: Fa-rss
Class Name: Fa-rss-square
Class Name: Fa-search
Class Name: Fa-search-minus
Class Name: Fa-search-plus
Class Name: Fa-share
Class Name: Fa-share-square
Class Name: Fa-share-square-o
Class Name: Fa-shield
Class Name: Fa-shopping-cart
Class Name: fa-sign-in
Class Name: Fa-sign-out
Class Name: Fa-signal
Class Name: Fa-sitemap
Class Name: Fa-smile-o
Class Name: Fa-sort
Class Name: FA-SORT-ALPHA-ASC
Class Name: Fa-sort-alpha-desc
Class Name: FA-SORT-AMOUNT-ASC
Class Name: Fa-sort-amount-desc
Class Name: FA-SORT-ASC
Class Name: Fa-sort-desc
Class Name: Fa-sort-down
Class Name: FA-SORT-NUMERIC-ASC
Class Name: Fa-sort-numeric-desc
Class Name: fa-sort-up
Class Name: Fa-spinner
Class Name: Fa-square
Class Name: Fa-square-o
Class Name: Fa-star
Class Name: Fa-star-half
Class Name: Fa-star-half-empty
Class Name: Fa-star-half-full
Class Name: Fa-star-half-o
Class Name: Fa-star-o
Class Name: Fa-subscript
Class Name: Fa-suitcase
Class Name: Fa-sun-o
Class Name: Fa-superscript
Class Name: Fa-tablet
Class Name: Fa-tachometer
Class Name: Fa-tag
Class Name: Fa-tags
Class Name: Fa-tasks
Class Name: Fa-terminal
Class Name: Fa-thumb-tack
Class Name: Fa-thumbs-down
Class Name: Fa-thumbs-o-down
Class Name: fa-thumbs-o-up
Class Name: fa-thumbs-up
Class Name: Fa-ticket
Class Name: Fa-times
Class Name: Fa-times-circle
Class Name: Fa-times-circle-o
Class Name: Fa-tint
Class Name: Fa-toggle-down
Class Name: Fa-toggle-left
Class Name: Fa-toggle-right
Class Name: fa-toggle-up
Class Name: Fa-trash-o
Class Name: Fa-trophy
Class Name: Fa-truck
Class Name: Fa-umbrella
Class Name: Fa-unlock
Class Name: Fa-unlock-alt
Class Name: fa-unsorted
Class Name: Fa-upload
Class Name: Fa-user
Class Name: Fa-users
Class Name: Fa-video-camera
Class Name: Fa-volume-down
Class Name: Fa-volume-off
Class Name: fa-volume-up
Class Name: fa-warning
Class Name: Fa-wheelchair
Class Name: Fa-wrench
form icon
Class Name: Fa-check-square
Class Name: Fa-check-square-o
Class Name: Fa-circle
Class Name: Fa-circle-o
Class Name: Fa-dot-circle-o
Class Name: Fa-minus-square
Class Name: Fa-minus-square-o
Class Name: Fa-plus-square
Class Name: Fa-plus-square-o
Class Name: Fa-square
Class Name: Fa-square-o
Coin icon
Class Name: Fa-bitcoin
Class Name: FA-BTC
Class Name: FA-CNY
Class Name: Fa-dollar
Class Name: Fa-eur
Class Name: Fa-euro
Class Name: FA-GBP
Class Name: Fa-inr
Class Name: FA-JPY
Class Name: FA-KRW
Class Name: Fa-money
Class Name: FA-RMB
Class Name: fa-rouble
Class Name: Fa-rub
Class Name: fa-ruble
Class Name: Fa-rupee
Class Name: Fa-try
Class Name: Fa-turkish-lira
Class Name: FA-USD
Class Name: Fa-won
Class Name: Fa-yen
Text Editor icon
Class Name: Fa-align-center
Class Name: Fa-align-justify
Class Name: Fa-align-left
Class Name: Fa-align-right
Class Name: Fa-bold
Class Name: Fa-chain
Class Name: Fa-chain-broken
Class Name: Fa-clipboard
Class Name: Fa-columns
Class Name: Fa-copy
Class Name: Fa-cut
Class Name: Fa-dedent
Class Name: Fa-eraser
Class Name: Fa-file
Class Name: Fa-file-o
Class Name: Fa-file-text
Class Name: Fa-file-text-o
Class Name: Fa-files-o
Class Name: Fa-floppy-o
Class Name: Fa-font
Class Name: Fa-indent
Class Name: Fa-italic
Class Name: Fa-link
Class Name: Fa-list
Class Name: Fa-list-alt
Class Name: Fa-list-ol
Class Name: Fa-list-ul
Class Name: Fa-outdent
Class Name: Fa-paperclip
Class Name: Fa-paste
Class Name: Fa-repeat
Class Name: Fa-rotate-left
Class Name: Fa-rotate-right
Class Name: Fa-save
Class Name: Fa-scissors
Class Name: Fa-strikethrough
Class Name: fa-table
Class Name: Fa-text-height
Class Name: Fa-text-width
Class Name: fa-th
Class Name: Fa-th-large
Class Name: Fa-th-list
Class Name: Fa-underline
Class Name: Fa-undo
Class Name: Fa-unlink
icon to indicate direction
Class Name: Fa-angle-double-down
Class Name: Fa-angle-double-left
Class Name: Fa-angle-double-right
Class Name: fa-angle-double-up
Class Name: Fa-angle-down
Class Name: Fa-angle-left
Class Name: Fa-angle-right
Class Name: fa-angle-up
Class Name: Fa-arrow-circle-down
Class Name: Fa-arrow-circle-left
Class Name: Fa-arrow-circle-o-down
Class Name: Fa-arrow-circle-o-left
Class Name: Fa-arrow-circle-o-right
Class Name: fa-arrow-circle-o-up
Class Name: Fa-arrow-circle-right
Class Name: fa-arrow-circle-up
Class Name: Fa-arrow-down
Class Name: Fa-arrow-left
Class Name: Fa-arrow-right
Class Name: fa-arrow-up
Class Name: Fa-arrows
Class Name: Fa-arrows-alt
Class Name: Fa-arrows-h
Class Name: Fa-arrows-v
Class Name: Fa-caret-down
Class Name: Fa-caret-left
Class Name: Fa-caret-right
Class Name: Fa-caret-square-o-down
Class Name: Fa-caret-square-o-left
Class Name: Fa-caret-square-o-right
Class Name: fa-caret-square-o-up
Class Name: fa-caret-up
Class Name: Fa-chevron-circle-down
Class Name: Fa-chevron-circle-left
Class Name: Fa-chevron-circle-right
Class Name: fa-chevron-circle-up
Class Name: Fa-chevron-down
Class Name: Fa-chevron-left
Class Name: Fa-chevron-right
Class Name: fa-chevron-up
Class Name: Fa-hand-o-down
Class Name: Fa-hand-o-left
Class Name: Fa-hand-o-right
Class Name: fa-hand-o-up
Class Name: Fa-long-arrow-down
Class Name: Fa-long-arrow-left
Class Name: Fa-long-arrow-right
Class Name: fa-long-arrow-up
Class Name: Fa-toggle-down
Class Name: Fa-toggle-left
Class Name: Fa-toggle-right
Class Name: fa-toggle-up
Video player icon
Class Name: Fa-arrows-alt
Class Name: Fa-backward
Class Name: Fa-compress
Class Name: Fa-eject
Class Name: Fa-expand
Class Name: Fa-fast-backward
Class Name: Fa-fast-forward
Class Name: Fa-forward
Class Name: Fa-pause
Class Name: Fa-play
Class Name: Fa-play-circle
Class Name: Fa-play-circle-o
Class Name: Fa-step-backward
Class Name: Fa-step-forward
Class Name: Fa-stop
Class Name: Fa-youtube-play
Brand icon
Class Name: Fa-adn
Class Name: Fa-android
Class Name: Fa-apple
Class Name: Fa-bitbucket
Class Name: Fa-bitbucket-square
Class Name: Fa-bitcoin
Class Name: FA-BTC
Class Name: FA-CSS3
Class Name: fa-dribbble
Class Name: Fa-dropbox
Class Name: Fa-facebook
Class Name: Fa-facebook-square
Class Name: Fa-flickr
Class Name: Fa-foursquare
Class Name: Fa-github
Class Name: Fa-github-alt
Class Name: Fa-github-square
Class Name: Fa-gittip
Class Name: Fa-google-plus
Class Name: Fa-google-plus-square
Class Name: FA-HTML5
Class Name: Fa-instagram
Class Name: Fa-linkedin
Class Name: Fa-linkedin-square
Class Name: Fa-linux
Class Name: Fa-maxcdn
Class Name: Fa-pagelines
Class Name: Fa-pinterest
Class Name: Fa-pinterest-square
Class Name: Fa-renren
Class Name: Fa-skype
Class Name: Fa-stack-exchange
Class Name: Fa-stack-overflow
Class Name: Fa-trello
Class Name: Fa-tumblr
Class Name: Fa-tumblr-square
Class Name: Fa-twitter
Class Name: Fa-twitter-square
Class Name: Fa-vimeo-square
Class Name: FA-VK
Class Name: Fa-weibo
Class Name: Fa-windows
Class Name: fa-xing
Class Name: Fa-xing-square
Class Name: Fa-youtube
Class Name: Fa-youtube-play
Class Name: Fa-youtube-square
Medical icons
Class Name: Fa-ambulance
Class Name: Fa-h-square
Class Name: Fa-hospital-o
Class Name: Fa-medkit
Class Name: Fa-plus-square
Class Name: Fa-stethoscope
Class Name: FA-USER-MD
Class Name: Fa-wheelchair
Font Awesome official website: http://fontawesome.io/
from:http://www.8abd.com/?p=1142