CSS Icons

tutorial and example
tutorial and example

CSS icons are the important part of web pages. You can add an icon to your HTML pages by using icons library.

CSS Icons

How to use Icons

There are various step to use icons that are given below.

  • You should add icon library.
  • Add all the icons class within HTML element ( like <i> or <span> ).
  • It can be customized with CSS (size, color, shadow, etc.).

There are following ways to use icons.

  1. Font Awesome Icons
  2. Google Icons
  3. Bootstrap Icons

1) Font Awesome Icons

You can use font awesome icons within <head> section of the HTML page. You should use given link.

Note: There is no required to download or install!

Let us see an example of CSS font awesome icons:

Try Now

2) Bootstrap Icons

You can use bootstrap glyph icons, only you should use only add the link of bootstrap icon. The following given example is:

Let us see an example of CSS bootstrap icons:

Try Now

3. Google Icons

You can use google Icons, by using add the link of google icon. The following given example is:

Let us see an example of CSS google icons:

Try Now