Font Awesome Icon Not Showing

AI-generated summary

Font Awesome Icon Not Showing Summary

Zomb encountered an issue where Font Awesome icons weren’t showing up when editing badges. Biscuit suggested removing the “fa-” prefix, but Zomb had already tried this and other variations.

Biscuit discovered that the issue was due to the non-existent Font Awesome icon “fa-smile”. They suggested using “fa-smile-o” instead, which worked when tested. Biscuit also provided a link to the Font Awesome cheatsheet, which helped resolve the issue.

Zomb confirmed that using the correct icon name, “fa-smile-o”, worked like a charm. They were previously using an outdated cheatsheet that listed the incorrect icon name.

I’m not sure if I’m doing something wrong, but when editing the font awesome icons for some badges, they don’t show up. I am trying to add the fa-smile for the “First Emoji” and it’s blank/broken. Any ideas?

Try it without “fa-”

Not sure if that’s the answer, but that solved my problem when using Font Awesome icons in a theme.

Thanks for your response! I probably should have mentioned what I had already tried. :woman_facepalming:t5:

I already tried

“fas fa-smile”
“fa-smile”
“smile”

I was thinking maybe I need to just upload it and link to it, but wondered what could be the cause of it not showing the normal way.

Okay. Just had a play. There’s no Font Awesome icon called “fa-smile” which is probably why it’s appearing blank. There is an icon called “fa-smile-o” and that worked when I tested it. I also tested fa-paw and that worked too.

Here’s a link to the icon names: Font Awesome Cheatsheet

Does it work for you now?

Thanks, worked like a charm. I’ll save that cheatsheet.

I was using a different cheatsheet and it was for this smile: Face Smile Filled Icon (Classic Solid) — Free SVG Download | Font Awesome