For a few months I’ve had a few broken icons in the Brand Header, probably since FA6 renaming. I have finally gotten around to fixing them now and just thought it might help others to comment on how the naming must be handled so that it works.
I do think it can be a bit confusing to have to look up a mapping in the source code, check FA’s website, and tinker with fa-, fas- prefixes (and no prefixes) to see how to make it work. Triple annoying and there is no error in the console if an icon is not found so it’s totally blind trialling.
I did get it working and here is a table explaining what is where:
Icons Object setting in the component |
custom font awesome icons setting in the component |
svg icon subset Site Setting |
|---|---|---|
user |
fa-user |
fa-user |
envelope |
fa-envelope |
fa-envelope |
calendar-days |
fa-calendar-days |
fa-calendar-days |
fab-facebook |
(not needed) | (not needed) |
It just feels there should be one way of referring to a FA icon throughout Discourse and everything should stick to that one way.