Problema al usar icono personalizado con Tag Icons

[kristof_mulier]

Hola @pmusaraj,

He instalado el componente de tema de iconos de etiquetas. Estas son mis configuraciones actuales:

He definido tres etiquetas asociadas a un icono de Font Awesome:

• bug-showstopper asociado a skull-crossbone
• bug-major asociado a exclamation-triangle
• bug-minor asociado a exclamation-circle

Esto funciona perfectamente. Sin embargo, intento asociar la cuarta etiqueta beetle a mi archivo SVG subido beetle-face.svg. Lamentablemente, esto no funciona.

¿Cómo puedo asociar correctamente mi propio archivo SVG a una etiqueta? Por favor, ayúdame paso a paso. Soy realmente un principiante aquí en Discourse (empecé hoy) y tengo conocimientos limitados sobre tecnología web.

Muchas gracias

[pmusaraj (Penar Musaraj)]

Hola @kristof_mulier, ¡bienvenido a Discourse!

Así es como puedes agregar un icono personalizado:

@pmusaraj

Agregar iconos personalizados

Si deseas tener más iconos de los disponibles en FontAwesome, puedes agregar tus propios iconos SVG en un plugin o un tema. Consulta este sprite SVG como ejemplo de cómo estructurar tu sprite. (Es esencialmente una lista de elementos <symbol>, cada uno con su propio ID único.)

En temas y componentes: agrega el sprite SVG en la carpeta /assets y referencia en about.json usando el nombre de variable icons-sprite. Para un sprite llamado my-icons.svg, tu assets.json debería incluir lo siguiente:

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

También puedes agregar el sprite SVG a un tema o componente mediante la interfaz de usuario; al hacerlo, asegúrate de que el nombre de la variable SCSS se establezca en icons-sprite. Captura de pantalla:

Básicamente, necesitas agregar el icono SVG a un sprite, asignarle un ID y luego agregar el sprite al tema y establecer el nombre de la variable para él como icons-sprite. Una vez hecho esto, puedes usar el ID del icono como los IDs de los iconos de FA (y no uses el símbolo $).

[kristof_mulier]

¡Fantástico, esto funcionó como un encanto!
¡Gracias @pmusaraj!
¡Eres increíble