Font Awesome 5 solid icon are not working

Dev
1

The other like regular or brand are work well. The solid icon just not display and no any related console error.

Please look my example below.

settings
settings953×255 19.4 KB

{{! template.hbs }}
<div>
    solid
    {{d-icon "fa-mobile"}}
    {{d-icon "fa-beer"}}
    {{d-icon "fa-baby"}}
    <br>
    solid2
    {{d-icon "fas-mobile"}}
    {{d-icon "fas-beer"}}
    {{d-icon "fas-baby"}}
    <br>
    regular
    {{d-icon "far-clone"}}
    {{d-icon "far-angry"}}
    {{d-icon "far-grimace"}}
    <br>
    brand
    {{d-icon "fab-500px"}}
    {{d-icon "fab-apple"}}
    {{d-icon "fab-aws"}}
</div>

render

I wanna paste the raw html here but it seems not support nested content inside svg tag.

2

I think {{d-icon "mobile"}} should do it? It’s a bit confusing that we have the prefix in the setting but don’t use it in templates.

2 Likes
3

Thanks, it’s working.

4

Yes, and I think that site setting is the last and only place where we suggest an “fa-“ prefix. I will clean that up and bring it in line with the other places where icons are used (after this month’s release though).

3 Likes