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

[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 $).