¿Lo intentaste con un nombre de archivo de recurso en minúsculas (por ejemplo, npn_spritesheet.svg)?
porque de lo contrario parece que debería funcionar (puedo hacerlo fácilmente con un icono v5 pero no tengo ninguno v6 pro).
Curiosamente, cuando elimino ese recurso y lo vuelvo a cargar con una versión en minúsculas (incluso lo renombré a npnassets.svg, todavía veo el nombre de archivo antiguo…
Dado que descargué el svg y lo inserté manualmente en la hoja de sprites, no creo que esto deba ser un problema, por eso tomé esta ruta ya que v5 no tiene un icono de barra lateral.
Así que el código del icono de la hoja de sprites no se renderiza. Aún podrías intentar cambiar el id del icono a un nombre sin guion, como npnsidebar. A veces me encuentro con problemas con los nombres de las variables en los temas para los que no puedo averiguar la causa real, pero hacer un pequeño ajuste lo soluciona.
De lo contrario, podrías compartir el archivo SVG. Vi que pixelaste el código real, pero de todos modos será accesible públicamente cuando lo uses en tu sitio en vivo (edición: ah, no vi que es del plan pro…)
Gracias, intenté cambiar el nombre a npnsidebar en la hoja de sprites y en el código, lo que también me permitió reemplazar la hoja de sprites correctamente. Pero desafortunadamente no ayudó. Puedo enviarte por DM la hoja de sprites y el svg para que revises mi trabajo. ¡Gracias por tu ayuda!
Si reemplazas el icono bars con otro icono del conjunto predeterminado, ¿funciona el reemplazo? Por ejemplo, reemplázalo con cog o comment.
Si eso funciona, entonces el problema está en tu código de símbolo SVG personalizado. Probablemente necesite un atributo viewBox. Como este icono personalizado (para el componente temático de gifs):
