Bootstrap Font Awesome Icon is a Square

Hi I am currently doing the Random Quote Machine project and I have run into a problem using the font awesome twitter icon. When I use it or any other social media related icon in my code, all I get is a square. If I try using a search icon or heart icon everything works fine. Any ideas?

Here is the Codepen link:

The icon in question is coded on line 46 in the JS editor.

You’re using font awesome v5. It has different class names for icons. Your class names are for v4

1 Like

Thanks soooo much. I didn’t know that the class names has changed. The freecodecamp lessons are clearly out of date.