Font awesome not responding

Hello guys, I have the below code on codepen but for some reason its not responding. What could be the problem?

<div class="btnlist text-center">
    <a class="btn btn-default" href=""><i class="fa fa-facebook-official" fa-lg" id="facebookicon"></i>Facebook</a>
    <a class="btn btn-default" href=""><i class="fa fa-twitter fa-lg" id="twittericon" aria-hidden="true"></i>Twitter</a>
    <a class="btn btn-default" href=""><i class="fa fa-LinkedIn fa-lg" id="LinkedInicon" aria-hidden="true"></i>LinkedIn</a>
    <a class="btn btn-default" href=""><i class="fa fa-Instagram fa-lg" id="Instagramicon" aria-hidden="true"></i>Instagram</a>

I’ve edited your post for readability. When you enter a code block into the forum, precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.


1 Like

Did you load the font awesome into your project? If so, how? Do you have a link to your project we can take a look at?

…Wow randell thanks!

Kindly check it out here. Seems i haven’t loaded the font awesome, would you assist with that?

Hey, i’ve added the link now working perfect! thanks!