What is Font Awesome?

Font Awesome is one of the popular and widely used icon libraries that we have today, which works well with any Front-end framework.

It is a front-end library that comes with a huge list of icons that are useful for any web application.

It comes with several predefined classes for doing all the below things.

  • To generate icons
  • To generate bordered, pulled, animated, rotated, flipped icons
  • To generate stacked icons by merging two icons from the library

The list of icons that are available on a free version is huge and will be sufficient for any web application.

The icons add value to the visual content of a web application, and this library makes it easy for a web developer.

Web developers love using this icon library as it is simple to include and use on a web application.

Here is the official website for version 4.

Why do we need to know?

As said earlier, icons add value to the visual content of a web application and this library makes it easy.

So, every web developer needs to know this library.

How to install and use it?

We don't need to install anything into our application, but we just need to link the library CDN in our HTML documents as shown below, basically into the index.html or its equivalent file.

Font Awesome V4 CDN location

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
    <i class="fa fa-cubes"></i>
    <span class="fa fa-users"></span>
</body>
</html>

Overall

We now know what Font Awesome library is all about. Let's explore more about this on our other topics

Related Links