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?
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.
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. ![]()
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