forum

home / developersection / forums / use of font awesome library through html & css

Ask Question

Use of Font Awesome Library through HTML & CSS

Anonymous User 546 20-Jul-2021

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

html html  css-css3 
Updated on 20-Jul-2021
Anonymous User

Software Developer Trainee

I am a content writter !

Follow
Can you answer this question?
Answer

1 Answers

Ethan Karla

Ethan Karla

22-Jul-2021

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!

MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy