Problema nell'uso di un'icona personalizzata con Tag Icons

[kristof_mulier]

Ciao @pmusaraj,
Ho installato il componente tema icone Tag. Queste sono le mie impostazioni attuali:

Ho definito tre tag associati a un’icona Font Awesome:

• bug-showstopper associata a skull-crossbone
• bug-major associata a exclamation-triangle
• bug-minor associata a exclamation-circle

Funziona perfettamente. Tuttavia, provo ad associare il quarto tag beetle al mio file SVG caricato beetle-face.svg. Purtroppo, questo non funziona.

Come posso associare correttamente il mio file SVG a un tag? Per favore, aiutami passo dopo passo. Sono davvero un principiante qui su Discourse (ho iniziato oggi) e ho una conoscenza limitata delle tecnologie web.
Grazie mille

[pmusaraj (Penar Musaraj)]

Ciao @kristof_mulier, benvenuto su Discourse!

Ecco come puoi aggiungere un’icona personalizzata:

@pmusaraj

Aggiunta di icone personalizzate

Se desideri avere più icone di quelle disponibili in FontAwesome, puoi aggiungere le tue icone SVG in un plugin o in un tema. Consulta questo sprite SVG per un esempio di come strutturare il tuo sprite. (È essenzialmente un elenco di elementi <symbol>, ciascuno con un proprio ID univoco.)

Nei temi e nei componenti: aggiungi lo sprite SVG nella cartella /assets e fai riferimento ad esso in about.json utilizzando il nome della variabile icons-sprite. Per uno sprite chiamato my-icons.svg, il tuo assets.json dovrebbe includere quanto segue:

"assets": {
   "icons-sprite": "/assets/my-icons.svg"
}

Puoi anche aggiungere lo sprite SVG a un tema o a un componente tramite l’interfaccia utente; in tal caso, assicurati che il nome della variabile SCSS sia impostato su icons-sprite. Screenshot:

In sostanza, devi aggiungere l’icona SVG a uno sprite, assegnarle un ID e poi aggiungere lo sprite al tema, impostando il nome della variabile su icons-sprite. Una volta fatto ciò, puoi utilizzare l’ID dell’icona come gli ID delle icone FA (e non usare il simbolo $).

[kristof_mulier]

Fantastico, ha funzionato alla perfezione!
Grazie @pmusaraj!
Sei fantastico