lilstranded
(LiLStranded-Here)
March 4, 2025, 11:39am
1
I am trying to changes the icon style in my discourse forum, i want to change from fontawesome which I believe is what discourse is using to something like feather or hero icons. How can I do it?
Hey, welcome!
Discourse relies only on FontAwesome icons, but there is a way to overwrite default icons with an SVG Spritesheet:
You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them within a theme or theme component.
Step 1 - Create an SVG Spritesheet
To get started, you must create an SVG Spritesheet. This can contain anything from a single additional custom SVG icon up to an entire replacement set of hundreds.
The spritesheet should be saved as an SVG file. In principle, you are nesting the <svg> tag contents from the original SVG icon file into <symbol> …
5 Likes