¿Cómo usar mis propios iconos SVG en el componente de tema de enlaces de encabezado personalizados?

Instalé un componente que solo me permite poner iconos en las etiquetas de mi foro a través del sitio web de fontawesome, pero quiero usar mis propios iconos, ¿cómo los subo y los uso?

[image]

1 me gusta

Reemplazar los iconos SVG predeterminados de Discourse con iconos personalizados en un tema

2 Me gusta

gracias por responder, quería usar esto

pero por alguna razón los iconos svg que subo a mi sitio web no puedo usarlos en eso

2 Me gusta

Oh. Sospecho que tendrás que trabajar un poco para que eso suceda. Cambié tu título en consecuencia, así que espero que llame la atención de alguien que sepa más sobre ese componente temático.

Dice

lo que creo que significa que es difícil o imposible usar otros iconos.

2 Me gusta

Ahora se admite la adición de iconos personalizados, a partir de este commit:

Al agregar un enlace de encabezado en la configuración del tema, pega una URL a un icono y debería aparecer en el encabezado.

1 me gusta

¡Hola! ¡Gracias por responderme y por ayudarme! ¿Cómo instalo esto?

1 me gusta

Hola @danielabc

Simplemente necesitas navegar a tus componentes en /admin/customize/themes, encontrar el componente Icon Header Links. Si no está en la última actualización, deberías ver un botón para actualizar.

Después de actualizar el componente del tema, en la configuración de tu tema, donde configuras cada enlace de icono, simplemente usa una URL a una fuente de imagen en lugar de un nombre de icono de Font Awesome.

Por ejemplo, así es como tengo configurado un enlace:

Enlace de escritorio y móvil, https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Pok%C3%A9_Ball_icon.svg/1200px-Pok%C3%A9_Ball_icon.svg.png, https://facebook.com, vdm, self

Lo que se renderiza así:

2 Me gusta