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 in Others by Rahul
• 9,680 points
2,150 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 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
262 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,380 points
2,197 views
0 votes
1 answer
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 in Web Development by rajatha
• 7,480 points
296 views
0 votes
0 answers

how to use fontAwesome icon from css

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

Jul 29 in CSS by Edureka
• 12,390 points
119 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 in HTML by Deepak
• 940 points
396 views
0 votes
1 answer
0 votes
1 answer
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