Font Awesome not working icons showing as squares

0 votes

So what I have been trying to do is to prototype a marketing page and I'm using Bootstrap and the new Font Awesome file. The problem is that when I try to use an icon, all that gets rendered on the page is a big square.

Here's how I include the files in the head:

<head> 
          <title>Page Title</title> 
        <link rel="stylesheet" href="css/bootstrap.css"> 
        <link rel="stylesheet" href="css/bootstrap-responsive.css"> 
        <link rel="stylesheet" href="css/font-awesome.css"> 
          <link rel="stylesheet" href="css/app.css"> 
              <!--[if IE 7]> 
          <link rel="stylesheet" href="css/font-awesome-ie7.min.css"> 
<![endif]--> 

</head>


Also, here's an example of me trying to use an icon:

<i class="icon-camera-retro"></i>


But all that gets rendered in a big square so could anyone help me to know what could be going on?

Feb 22, 2022 in Others by Rahul
• 9,670 points
2,942 views

1 answer to this question.

0 votes

You must have 2 classes, the fa class and the class that identifies the desired icon fa-twitter, fa-search, etc …

<!-- Wrong --> 
<i class="fa-search"></i> 

<!-- Correct --> 
<i class="fa fa-search"></i>



Hope this answers your question.

answered Feb 22, 2022 by Aditya
• 7,660 points

Related Questions In Others

0 votes
1 answer
0 votes
0 answers

Self Created Laravel Link Not Working

I installed laravel 6.0 through composer and ...READ MORE

Dec 3, 2019 in Others by anonymous
• 120 points
293 views
0 votes
1 answer

'git rev-parse HEAD' is not recognized as an internal or external command

Hi@akhtar, I also faced the same problem. You ...READ MORE

answered Jul 17, 2020 in Others by MD
• 95,420 points
2,420 views
0 votes
1 answer

Bootstrap throws Uncaught Error: Bootstrap's JavaScript requires jQuery

Try this Change the order of files it ...READ MORE

answered Jun 10, 2022 in JQuery by gaurav
• 22,940 points
140 views
0 votes
1 answer

Which is faster: Using bootstrap CDN or downloaded

CDNs deliver faster loading speeds for readers. Files ...READ MORE

answered Jun 30, 2022 in Web Development by rajatha
• 7,480 points
470 views
0 votes
0 answers

how to use fontAwesome icon from css

Can I use the font-awesome icon with ...READ MORE

Jul 29, 2022 in CSS by Edureka
• 12,890 points
175 views
0 votes
1 answer

how to use font awesome icons in HTML

First, you have to write this in ...READ MORE

answered Aug 4, 2022 in HTML by Deepak
• 940 points
644 views
0 votes
1 answer

'adb' is not recognized as an internal or external command, operable program or batch file

Set the path of adb into System ...READ MORE

answered Feb 16, 2022 in Others by Aditya
• 7,660 points
3,702 views
0 votes
1 answer

'composer' is not recognized as an internal or external command in windows server

For anyone coming here from Google who ...READ MORE

answered Feb 17, 2022 in Others by Aditya
• 7,660 points
10,412 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP