Font awesome in codepen

Trying to use font awesome in my codepen, but not luck so far. I have in the css settings:

But still nothing happens. Here is my pen…ignore the styling im not sure if I like those colors really. tried using adobe color. There should be a trash can right next to the current recipe name

You need to resolve your JavaScript error first.

My code pen console seems to be stuck at the bottom so I cant see if that has any errors. My chrome console shows an arror, but I have no idea what it means

Error in event handler for (unknown): TypeError: Cannot read property ‘enabled’ of undefined
at chrome-extension://geelfhphabnejjhdalkjhgipohgpdnoc/controllers/Insertion.js:1:1093


Uncaught DOMException: Blocked a frame with origin “” from accessing a cross-origin frame.
at :1:16

You have two versions of font-awesome loaded (4.4 and 4.7). Which one do you want to use?

If you are using 4.7, then the classes are “fa fa-trash”.

1 Like

It took me a while but found it:

You are not using JSX here but pure HTML so your classes don’t get applied and you end up with an empty and classless element.

<i class="fas fa-trash-alt"></i>
<i className="fa fa-trash"></i>

1 Like

Got it working! Appreciate it