Font Awesome icons library includes 519 free scalable vector icons. Font Awesome icons are available on free for both personal and commercial use. These are originally designed for Bootstrap, and can be customized easily.
Here’s how to load the Font Awesome library. To load it copy and paste the following line in the <head> section of the webpage.
Font Awesome icons create different types of icons. Select one from them and add the name of the icon class to any HTML element within the < body > tag. Below example explains how, we have used the icon of the Indian currency.
Here’s the output:
The size of the icon can be increased or decreased by defining its size using CSS and using it along with the class name, as below mentioned. Given example declared the size as 6 em
Here’s the Output:
As mentioned about size, we can define the color of the icons using CSS. Below mentioned example clearly explains how to change the color of the Indian currency icon.
OUTPUT
Font Awesome provides 519 icons in the following categories −
Replacing the class name in the programs with the class name of the desired icon is ready to use.
|
|
Web Icons Related Tutorials |
|
---|---|
HTML Tutorial | HTML 5 Tutorial |
Flash Tutorial | CSS Advanced Tutorial |
Web Developer Guide Tutorial | Javascript Advanced Tutorial |
Web Icons Tutorial
Web Icons
Text Resumes
Visual Resumes
Social Resumes
Resume Quality
IT Resume Samples
MARKETING Resume Samples
HR Resume Samples
All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd
Wisdomjobs.com is one of the best job search sites in India.