Font Awesome 5 solid icon are not working

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.

{{! 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.

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

Thanks, it’s working.

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).

2 Likes