Problème d'utilisation d'une icône personnalisée avec Tag Icons

[kristof_mulier]

Bonjour @pmusaraj,

J’ai installé le composant de thème des icônes Tag. Voici mes paramètres actuels :

J’ai défini trois tags associés à une icône Font Awesome :

• bug-showstopper associé à skull-crossbone
• bug-major associé à exclamation-triangle
• bug-minor associé à exclamation-circle

Cela fonctionne très bien. Cependant, j’essaie d’associer le quatrième tag beetle à mon fichier SVG uploadé beetle-face.svg. Malheureusement, cela ne fonctionne pas.

Comment puis-je correctement associer mon propre fichier SVG à un tag ? Veuillez m’aider étape par étape. Je suis vraiment débutant sur Discourse (j’ai commencé aujourd’hui) et j’ai des connaissances limitées en technologies web.

Merci beaucoup

[pmusaraj (Penar Musaraj)]

Bonjour @kristof_mulier, bienvenue sur Discourse !

Voici comment ajouter une icône personnalisée :

@pmusaraj

Ajout d’icônes personnalisées

Si vous souhaitez avoir plus d’icônes que celles disponibles dans FontAwesome, vous pouvez ajouter vos propres icônes SVG dans un plugin ou un thème. Consultez ce sprite SVG pour un exemple de structure de sprite. (Il s’agit essentiellement d’une liste d’éléments <symbol>, chacun ayant son propre ID unique.)

Dans les thèmes et les composants : ajoutez le sprite SVG dans le dossier /assets et référez-y dans about.json en utilisant le nom de variable icons-sprite. Pour un sprite nommé my-icons.svg, votre fichier assets.json doit inclure ceci :

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

Vous pouvez également ajouter le sprite SVG à un thème ou un composant via l’interface utilisateur. Dans ce cas, assurez-vous que le nom de la variable SCSS est défini sur icons-sprite. Capture d’écran :

En résumé, vous devez ajouter l’icône SVG à un sprite, lui attribuer un ID, puis ajouter le sprite au thème et définir le nom de la variable correspondante sur icons-sprite. Une fois cela fait, vous pouvez utiliser l’ID de l’icône comme les IDs des icônes FA (sans utiliser le symbole $).

[kristof_mulier]

Magnifique, cela a fonctionné à merveille !
Merci @pmusaraj !
Vous êtes génial