---
title: "Use of Font Awesome Library through HTML & CSS"  
description: "Use of Font Awesome Library through HTML & CSS"  
author: "Anonymous User"  
published: 2021-07-20  
updated: 2021-07-20  
canonical: https://www.mindstick.com/forum/156553/use-of-font-awesome-library-through-html-css  
category: "html"  
tags: ["html", "css-css3"]  
reading_time: 1 minute  

---

# Use of Font Awesome Library through HTML & CSS

How to use Font Awesome [library](https://www.mindstick.com/forum/34615/software-framework-vs-library) to make [Icon](https://www.mindstick.com/articles/13090/icon-the-identity-of-your-brand) buttons through [HTML](https://www.mindstick.com/articles/1530/design-a-simple-stylish-calculator-using-html-css-and-javascript) and [CSS](https://www.mindstick.com/forum/514/background-gradient-ie7-css-problem)?

## Replies

### Reply by Ethan Karla

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

So, Let's use it with the help of an example :

```
<!DOCTYPE html>
<html>
<head>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
</head>
<body>
    <h2>Font Icons</h2>
    <i class='fa fa-bomb'></i>
    <i class='fa fa-bomb' style='font-size:50px;'></i>
    <i class='fa fa-bomb' style='font-size:80px;color:grey;'></i>
</body>
</html>
```

Hope this code will be helpful for you.

Happy Coding!


---

Original Source: https://www.mindstick.com/forum/156553/use-of-font-awesome-library-through-html-css

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
