Font Awesome not working, icons showing as squares

by

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>

Bootstrap 5 update

Note: “The fa prefix has been deprecated in version 5. The new default is the fas solid style and the fab style for brands.” – Terje Solem

More Related Contents:

  1. Remove padding from columns in Bootstrap 3
  2. Right to Left support for Twitter Bootstrap 3
  3. Search input with an icon Bootstrap
  4. Nested rows with bootstrap grid system?
  5. Set div height equal to screen size
  6. LESS mixin a variable class name
  7. How to add a search box with icon to the navbar in Bootstrap 3?
  8. How to center text vertically with a large font-awesome icon?
  9. How to prevent long words from breaking my div?
  10. Disable webkit’s spin buttons on input type=”number”?
  11. Twitter Bootstrap Form File Element Upload Button
  12. How to make fixed header table inside scrollable div?
  13. Bootstrap: how to stack divs of different heights?
  14. Align two inline-blocks left and right on same line
  15. Is it valid to have paragraph elements inside of a heading tag in HTML5 (P inside H1)?
  16. How to vertically center a Bootstrap carousel-caption?
  17. bootstrap 3 responsive table with fixed first column
  18. Exclude menu item from the collapse of bootstrap 3 navbar
  19. blur of part of Background image with css
  20. Two Divs next to each other, that then stack with responsive change
  21. Bootstrap 3: pull-right for col-lg only
  22. How to align a div to the top of its parent but keeping its inline-block behaviour?
  23. Table column sizing
  24. Change Bootstrap input focus blue glow
  25. How can I make Bootstrap 4 columns all the same height? [duplicate]
  26. Changing image src depending on screen size
  27. Shrinking navigation bar when scrolling down (bootstrap3)
  28. Vertically align Bootstrap badge inside heading
  29. How to use CSS position sticky to keep a sidebar visible with Bootstrap 4
  30. CSS Floating Divs with different height are aligned with space between them

Leave a Comment