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.

CDN:Path

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