Personalizar icono sin reemplazo global

Característica
1

Hola, me gustaría preguntar sobre la posibilidad de permitir la personalización de iconos que no reemplace los iconos de forma global, por ejemplo, si quisiera cambiar el icono de más + por un icono de avión de papel solo para enviar un mensaje, terminaría reemplazando todos los iconos + en todo el sitio, a menos que me haya perdido esta opción en la documentación, realmente me gustaría tener la capacidad de identificar un ID/Clase o elemento donde pudiera reemplazar el icono específicamente.

1 me gusta
2

Con CSS puedes apuntar y reemplazar una instancia específica de un icono.

Este tema parece tener información

3

He intentado eso y no funciona, al menos no con la instalación reciente de Discourse que tengo. Segundo, eso no parece reemplazar una sola instancia de icono, ya que reemplazará todos los iconos según el selector de iconos especificado.

Actualmente, así es como reemplazo el icono de ‘nuevo tema’

  api.onPageChange(() => {
    const button = document.querySelector("#create-topic");

    if (button) {
      const oldSvg = button.querySelector("svg");
      if (oldSvg) {
        oldSvg.remove();
      }
      const ns = "http://www.w3.org/2000/svg";
      const svg = document.createElementNS(ns, "svg");
      svg.setAttribute("xmlns", ns);
      svg.setAttribute("viewBox", "10 10 30 30");
      svg.setAttribute("width", "28");
      svg.setAttribute("height", "28");
      svg.setAttribute("class", "svg-icon custom-icon");
      svg.innerHTML = `
        (código del icono svg aquí)
      `;

      button.insertBefore(svg, button.firstChild);
    }
  });

Si bien podría replicar esto para las áreas que quiero, no funciona tan bien en los iconos del compositor, que tuve que hacer un reemplazo global de iconos, como menciona el enlace que compartiste.

4

En este momento no es posible, excepto en algunos casos especiales.

Este tema es una solicitud duplicada, por lo que cerraré este a favor de Change single instance of icon, que también tiene un ejemplo de agregar un ícono a través de CSS.

¡No dudes en votar ese y agregar más detalles allí si es necesario!

3 Me gusta
5

Duplicado de Change single instance of icon