Problema al usar icono personalizado con Tag Icons

[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 $).