What is font awesome?

  1. font awesome is web’s most popular font and icon toolkit based on CSS and LESS.
  2. font awesome is created by by Dave Gandy.
  3. font awesome was github’s most popular new open source project in 2012 and is currently one of the top 10 projects overall.
  4. Font Awesome is currently live on 47M websites and half the world’s web developers use font awesome icons.
  5. Font Awesome makes it easy to add vector icons and social logos to our websites.

How to use font awesome icons?

There are two ways we can use font awesome icons in our web applications.

  1. Using CSS class names
  2. Using CSS content values
  3. Using SVG Icons

First we need to add font awesome icons css file in the head section of the html file.

Display font awesome icons using CSS class names

The most common way of displaying font awesome icons is using their class names.

For each and every icon a class name is predefined, just we need append the fa- to the icon name as class.