Помощь с заменой иконки

Я пытаюсь заменить иконку bars для открытия/закрытия боковой панели, следуя этим инструкциям: Replace Discourse's default SVG icons with custom icons in a theme, но у меня не очень получается.

Я создал спрайт-лист с иконкой боковой панели, которую хочу использовать (размыт, так как это про-иконка FontAwesome):

Создал компонент и загрузил спрайт-лист:

И использовал этот код (изменения нужны только для десктопа):

Но в итоге иконка вообще не отображается:

Есть какие-то идеи? Я уверен, что упускаю что-то мелкое и глупое! Спасибо!

Попробовали ли вы использовать имя файла ассета в нижнем регистре (например, npn_spritesheet.svg)?
В противном случае это должно работать (я легко могу это сделать с иконкой v5, но у меня нет никаких про-икон v6).

Если только это не связано с этим:

Что вы видите, когда проверяете элемент <span class="header-sidebar-toggle"> слева от логотипа вашего сайта?

Например, если у тега symbol не объявлен атрибут viewbox, иконка может просто оказаться за пределами видимости.

Странно, но когда я удаляю этот актив и загружаю его заново с именем в нижнем регистре (я даже переименовал его в npnassets.svg), я всё ещё вижу старое имя файла…

Поскольку я скачал SVG и вручную вставил его в спрайт-лист, думаю, это не должно быть проблемой. Именно поэтому я выбрал этот путь, так как в v5 нет боковой панели с иконкой.

..вам нужно развернуть элемент SVG и все вложенные элементы, чтобы увидеть код иконки.

Итак, код иконки из спрайт-листа не отображается. Вы всё ещё можете попробовать изменить идентификатор иконки на имя без дефиса, например npnsidebar. Иногда я сталкиваюсь с проблемами имен переменных в темах, причину которых не могу определить, но небольшое исправление всё же решает проблему.

В противном случае вы можете поделиться SVG-файлом. Я заметил, что вы закрыли сам код пикселями, но при использовании на живом сайте он всё равно будет общедоступным (редакция: ах, не заметил, что это из Pro-плана..)

Спасибо, я попробовал изменить имя на npnsidebar в спрайтовом листе и в коде, что позволило мне корректно заменить спрайтовый лист. К сожалению, это не помогло. Я могу отправить вам спрайтовый лист и SVG в личные сообщения, чтобы вы могли перепроверить мою работу. Спасибо за вашу помощь!

Если вы замените иконку bars на другую иконку из набора по умолчанию, работает ли замена? Например, замените её на cog или comment.

Если это работает, то проблема в вашем коде пользовательского SVG-символа. Вероятно, ему нужен атрибут viewBox. Вот пример пользовательской иконки (для темы компонента gifs):

Я вчера заменил её вот так на одну из стандартных (иконку кода), и это сработало, так что, думаю, вы правы насчёт атрибута viewBox.

Вот и всё, спасибо как всегда, Penar!