Pure CSS Icons

Pure CSS Icons

Followings are the list of popular icon libraries that is supported by Pure CSS.

  • Font Awesome Icons
  • Google Material Icons
  • Bootstrap Icons

How To Use Icon Library

Every icon has its own class.So,you have to place the icon class to the <i> element base class.


Font Awesome :

Bootstrap :

Google Material :

General Syntax

Try it now

Source Code

Try it now

If you run the above source code then the output look like:

Google Material Design Icons

cloud cloud

Bootstrap Icons