Use of Font Awesome Library through HTML & CSS

How to use Font Awesome library to make Icon buttons through HTML and CSS?

Last updated:7/20/2021 1:18:33 AM

1 Answers

Ethan Karla
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!

Answer