 |
Summary | Discourse FontAwesome Pro allows the use of Font Awesome Pro icons in Discourse with a FontAwesome license by using your account’s NPM package token. |
 |
Repository Link | https://github.com/discourse/discourse-fontawesome-pro |
 |
Install Guide | How to install plugins in Discourse |
Configuration
This requires a few extra step to enable from a normal plugin:
First, you will need to set up an additional env var containing your font awesome pro license key: DISCOURSE_FONTAWESOME_AUTH_TOKEN
The install script also needs to be called during initialization, as an additional “after_code” hook. This downloads and adds the FontAwesome Pro SVGs on build using your auth token. This is an additional block separate from the plugin clone block.
Here is an example install in app.yml :
env:
DISCOURSE_FONTAWESOME_AUTH_TOKEN: 123456
hooks:
after_code:
- exec:
cd: $home/plugins
cmd:
- git clone https://github.com/discourse/discourse-fontawesome-pro.git
- exec:
cd: $home/plugins/discourse-fontawesome-pro
raise_on_fail: false
cmd:
- $home/plugins/discourse-fontawesome-pro/scripts/install.sh
Picking an override family:
In the admin settings, you can override the default Discourse icon family:
Picking an override style:
You can also override the default icon style:
Duotone
To take full control of duotone support, you will be looking to override the following CSS (in a theme, or otherwise) and replace it with your own color scheme:
svg {
--fa-secondary-color: red;
--fa-secondary-opacity: 0.6;
}
To color individual icons reference the SVG’s ID:
#fad-search .fa-secondary {
--fa-secondary-color: red;
--fa-secondary-opacity: 0.6;
}
Duotone Styling Update
If you’re using class-based selectors like:.fa-secondary { color: red; }You’ll need to update your styling to use CSS custom properties instead. Class-based color overrides no longer work since they were dropped in Font Awesome v7
Under the hood, this is using FontAwesome’s repository to install fonts to the plugin’s SVG folder, and lets Discourse pick up the sprites from there.
Last edited by @Juan_David_Martínez 2025-10-29T16:14:49Z
Check document
Perform check on document:
