# Iconos ya no se muestran en el componente del tema

**URL:** https://meta.discourse.org/t/icons-not-displaying-anymore-in-theme-component/163072
**Category:** Support
**Created:** [4 Septiembre, 2020 20:29 UTC](https://meta.discourse.org/t/icons-not-displaying-anymore-in-theme-component/163072 "2020-09-04T20:29:45Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [4 Septiembre, 2020 20:29 UTC](https://meta.discourse.org/t/icons-not-displaying-anymore-in-theme-component/163072/1 "2020-09-04T20:29:45Z")

</div>

Hola.  
He configurado iconos en mi componente de tema, con un color blanco, usando este HTML:

```plaintext
<a class="header-social-link" title="La Commission Nationale Monocycle en 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 en 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>

```

Recientemente noté que estos iconos ya no se muestran; quizás ocurrió después de actualizar a la versión 2.6.0beta1.

 ![image](https://global.discourse-cdn.com/meta/original/3X/8/a/8ad918db335f6361dcd8859c58b375b8fcf81211.png)  
 ![image](https://global.discourse-cdn.com/meta/original/3X/5/5/554ef53d6c7d2f1eade198daa910cb99e20df3e9.png)

He actualizado a la versión 2.6.0beta2 y no ha cambiado nada.  
Aquí está mi subconjunto de iconos:  
 ![image](https://global.discourse-cdn.com/meta/original/3X/2/8/28f3872e926b6af9931865196298974f634ce70d.png)

¿Alguna idea de por qué ya no aparecen?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [4 Septiembre, 2020 21:07 UTC](https://meta.discourse.org/t/icons-not-displaying-anymore-in-theme-component/163072/2 "2020-09-04T21:07:38Z")

</div>

Veo el color establecido en `a.header-social-link` en tu captura de pantalla; si inspeccionas el elemento SVG dentro del enlace… ¿hay un color establecido allí?

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [4 Septiembre, 2020 21:11 UTC](https://meta.discourse.org/t/icons-not-displaying-anymore-in-theme-component/163072/3 "2020-09-04T21:11:37Z")

</div>

No, solo esto (contenido predeterminado):

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

```

Y añadir un atributo de color no cambia nada. De hecho, el icono parece no mostrarse. ¿Quizás porque no encuentra el icono en el conjunto?

Si quieres revisar la página real:

> **[Monocycle.info](https://forum.monocycle.info)**
>
> Bienvenue dans la plus grande communauté du monocycle francophone. Discussions, questions, conseils, petites annonces… Rejoignez-nous ! 👍

Dónde se encuentra el icono (en realidad hay dos iconos)

 ![image](https://global.discourse-cdn.com/meta/original/3X/c/7/c7f7fa3629a94ead9505138d17e306708b4f5bf1.png)

---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [4 Septiembre, 2020 21:15 UTC](https://meta.discourse.org/t/icons-not-displaying-anymore-in-theme-component/163072/4 "2020-09-04T21:15:14Z")

</div>

> [@Canapin](#):
>
> He actualizado a la versión 2.6.0beta2 y no ha cambiado nada.  
> Aquí está mi subconjunto de iconos:  
> ![image](https://global.discourse-cdn.com/meta/original/3X/2/8/28f3872e926b6af9931865196298974f634ce70d.png)
> 
> ¿Alguna idea de por qué ya no aparecen?

¿Has probado fab- antes de facebook-f y youtube en esta configuración? Yo uso el prefijo para todos los iconos, incluso los fa-.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [4 Septiembre, 2020 21:17 UTC](https://meta.discourse.org/t/icons-not-displaying-anymore-in-theme-component/163072/5 "2020-09-04T21:17:10Z")

</div>

Sí, ahora funciona.

¿Qué cambio relacionado con esto se introdujo en la nueva versión de Discourse, ya que antes funcionaba (hace unos días/semanas)? 🤔

Lo de este prefijo es confuso.

Gracias, @Steven 🏅

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [4 Septiembre, 2020 21:20 UTC](https://meta.discourse.org/t/icons-not-displaying-anymore-in-theme-component/163072/6 "2020-09-04T21:20:23Z")

</div>

¡Buena observación, @Steven! Recientemente eliminamos el soporte para los nombres de iconos de versiones anteriores de Font Awesome.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [4 Octubre, 2020 21:24 UTC](https://meta.discourse.org/t/icons-not-displaying-anymore-in-theme-component/163072/7 "2020-10-04T21:24:28Z")

</div>

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