how to use font awesome icons

how to use font awesome icons

Font Awesome is the most usable icons in web developments. its easy to use and customize-able and more then 470 icons. Font Awesome is scalable vector icons that can quickly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. Font Awesome 4.2 icons is the latest version.

Get Started

Very Easy ways to get Font Awesome 4.2.0 onto your website!

  • download latest version from here click Font Awesome
  • includes font-awesome.min.css into the section of your site’s from downloaded CSS folders.
  • Also save fonts folder in the parents folder. for-example

if you have CSS folder then paste your font awesome CSS file in the folder. and also create fonts folder like CSS folder and paste font awesome file in there.

  • CSS/font-awesome.min.css
  • fonts/fontawesome-webfont.eot
  • fonts/fontawesome-webfont.svg
  • fonts/fontawesome-webfont.ttf
  • fonts/fontawesome-webfont.woff

Browser Supports

Font Awesome supports all modern browsers.

  • Mozilla Firefox
  • Google Chrome
  • Opera
  • Safari
  • Internet Explorer
  • Maxthon

Latest 40 Icons in 4.2

fa-angellist
fa-area-chart
fa-at
fa-bell-slash
fa-bell-slash-o
fa-bicycle
fa-binoculars
fa-birthday-cake
fa-bus
fa-calculator
fa-cc
fa-cc-amex
fa-cc-discover
fa-cc-mastercard
fa-cc-paypal
fa-cc-stripe
fa-cc-visa
fa-copyright
fa-eyedropper
fa-futbol-o
fa-google-wallet
fa-ils
fa-ioxhost
fa-lastfm
fa-lastfm-square
fa-line-chart
fa-meanpath
fa-newspaper-o
fa-paint-brush
fa-paypal
fa-pie-chart
fa-plug
fa-shekel
fa-sheqel
fa-slideshare
fa-soccer-ball-o
fa-toggle-off
fa-toggle-on
fa-trash
fa-tty
fa-twitch
fa-wifi
fa-yelp