Icônes ne s'affichant plus dans le composant de thème

Soutien
1

Bonjour.
J’ai défini des icônes dans mon composant de thème, en couleur blanche, avec ce code HTML :

<a class="header-social-link" title="La Commission Nationale Monocycle sur Facebook" href="https://www.facebook.com/CommissionNationaleMonocycle" target="_blank">
    <svg class="fa d-icon d-icon-fab-facebook-f svg-icon svg-node" aria-hidden="true"><use xlink:href="#fab-facebook-f"></use></svg>
</a>
<a class="header-social-link social-youtube" title="La Commission Nationale Monocycle sur Youtube" href="https://www.youtube.com/channel/UCajI37ddIczMkVS_H1HeyTQ" target="_blank">
    <svg class="fa d-icon d-icon-fab-youtube svg-icon svg-node" aria-hidden="true"><use xlink:href="#fab-youtube"></use></svg>
</a>

J’ai remarqué récemment que ces icônes ne s’affichent plus, peut-être que cela est survenu après la mise à jour vers la version 2.6.0beta1.

image
image329×102 1.76 KB

image
image253×206 2.93 KB

J’ai effectué la mise à jour vers la version 2.6.0beta2, mais cela n’a rien changé.
Voici mon sous-ensemble d’icônes :
image

Avez-vous une idée de la raison pour laquelle elles ne s’affichent plus ?

2

Je vois que la couleur est définie sur a.header-social-link dans votre capture d’écran. Si vous inspectez l’élément SVG à l’intérieur du lien… y a-t-il une couleur définie là-bas ?

3

Non, uniquement ceci (contenu par défaut) :

.svg-icon, .svg-icon-title {
    height: 1em;
    width: 1em;
    line-height: 1;
    display: inline-flex;
    position: relative;
    vertical-align: -0.125em;
    fill: currentColor;
    flex-shrink: 0;
    overflow: visible;
}

Et l’ajout d’un attribut color ne change rien. En fait, l’icône semble ne pas s’afficher. Peut-être parce qu’elle ne trouve pas l’icône dans le jeu ?

Si vous voulez vérifier la page réelle :

Où se trouve l’icône (il y a en fait deux icônes)

image
image2498×1440 435 KB

4

Avez-vous essayé d’ajouter le préfixe fab- devant facebook-f et youtube dans ce paramètre ? J’utilise le préfixe pour toutes les icônes, même fa-.

5

Oui, ça fonctionne maintenant.

Quelle est la modification liée à cela dans la nouvelle version de Discourse, puisque cela fonctionnait avant (il y a quelques jours/semaines) ? :thinking:

Cette histoire de préfixe est déroutante.

Merci @Steven :sports_medal:

6

Oh, bonne remarque @Steven, nous avons récemment supprimé le support des noms d’icônes des versions précédentes de Font Awesome.