How to add icons on website - font awesome

Ever thought of adding icon or substitute for those heavy images on your website

well here is a easy and simple option ICONS.

There are lot of website providing icons these day but i usually prefer using font awesome and glyphicons.

These two are too good and there is no need for javascript as well you can scale these icon

Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro and customize the LESS yourself!

You just have to add the following line to your website in the head section :









Font Awesome


Now you can customize your icon by changing size and color


To increase icon sizes relative to their container, use the fa-lg(33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes.

fa-lg

fa-2x
fa-3x
fa-4x
fa-5x 


To change color add these style in your css 




.fa{ color:green; }


If you want animate your icon like spining you can do that to by using fa-spin class 





Use the fa-spin class to get any icon to rotate, and use fa-pulse to have it rotate with 8 steps. Works well with fa-spinner, fa-refresh, and fa-cog.























you can also rotate and flip your icon fa-rotate



To arbitrarily rotate and flip icons, use the fa-rotate-* and fa-flip-* classes.



 normal



fa-rotate-90



fa-rotate-180



fa-rotate-270



fa-flip-horizontal



fa-flip-vertical



for more info please visit


http://fortawesome.github.io/Font-Awesome/examples/