pmusaraj
Décembre 18, 2019, 9:00
2
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 $).