Icons not displaying anymore in theme component

Hi.
I have set icons in my theme component, with a white color, with this 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>

I noticed recently that these icons don’t show anymore, maybe it happened after updating to version 2.6.0beta1.
image
image

I’ve upgraded to 2.6.0beta2 and it didn’t change anything.
Here’s my icon subset:
image

Any idea why they don’t appear anymore?

I see the color set on a.header-social-link in your screenshot, if you inspect the SVG element within the link… is there a color set there?

1 Like

No, only this (default stuff):

.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;
}

And adding a color attribute doesn’t change anything. In fact, the icon seems not to be displayed. Maybe as it if wouldn’t find the icon in the set?

If you want to check the real page:

Where is the icon located (there are two icons, actually)

Have you tried fab- before facebook-f and youtube in this setting? I use the prefix for all icons, even the fa-

3 Likes

Yes it works now.

What was the change related to this in the new Discourse version, since it was working before (a few days/weeks ago) ? :thinking:

This prefix thing is confusing.

Thanks @Steven :medal_sports:

1 Like

oh good catch @Steven, we recently removed support for the icon names from previous versions of Font Awesome.

2 Likes

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.