Bootstrap Font Awesome Icon is a Square

HTML-CSS
1

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: https://codepen.io/sam_donaldson2018/pen/OqBvvq

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

2

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

1 Like
3

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