Show icon on button hover [solved]

How To
1

So I want have an icon show in my button when I hover over it. I am 95% of the way there and it is working inside the builder but when I go to the frontend the fontawesome icon doesn’t render.

Here it is working inside the builder:

afbeelding
afbeelding1095Ă—331 25.5 KB

Here is the frontend, not working… I swear I got it to work before but I needed to tweak the css quite a bit to get it to work from the example I saw online so I went through quite a few iterations…
Btw I took the fontfamily from an actual fontawesome bricks icon that I tested before.

afbeelding
afbeelding905Ă—483 30 KB

Anyone have an idea what I’m doing wrong?

2

I found the problem.
The font-family needs to be defined as follows:

font-family: Font Awesome\ 6 Solid;

edit; this was only part of the solution
for some reason it only works when there is a regular icon element active on the page (from the FA Solid library). Don’t know why, probably because it needs to load the library or something?