Symbol anpassen ohne globale Ersetzung

[Heliosurge (Dan DeMontmorency)]

Mit CSS können Sie eine bestimmte Instanz eines Symbols anvisieren und ersetzen.

Dieses Thema scheint einige Informationen zu enthalten:

Replace Discourse's default SVG icons with custom icons in a theme

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> …