CSS Icons

CSS Icons

 

Icons can easily be added to your HTML page, by using an icon library.


 
 
 

How To Add Icons

The simplest way to add an icon to your HTML page, is with an icon library, such as Font Awesome.

Add the name of the specified icon class to any inline HTML element (like or ).

All the icons in the icon libraries below, are scalable vectors that can be customized with CSS (size, color, shadow, etc.)


Font Awesome Icons

To use the Font Awesome icons, go to , sign in, and get a code to add in the section of your HTML page:

 

Read more about how to get started with Font Awesome in our .

Note: No downloading or installation is required!

Example


Result:
 

For a complete reference of all Font Awesome icons, visit our .



Bootstrap Icons

To use the Bootstrap glyphicons, add the following line inside the section of your HTML page:

 

Note: No downloading or installation is required!

Example


Google Icons

To use the Google icons, add the following line inside the section of your HTML page:

 

Note: No downloading or installation is required!

Example







cloud
favorite
attachment
computer
traffic


Result:

 

For a complete list of all icons, visit our .

 
CSS Icons

Login
ADS CODE