Проблема с использованием пользовательской иконки в Tag Icons

[kristof_mulier]

Привет @pmusaraj,
Я установил компонент темы иконок тегов. Вот мои текущие настройки:

Я определил три тега, привязанных к иконке Font Awesome:

• bug-showstopper, привязанная к skull-crossbone
• bug-major, привязанная к exclamation-triangle
• bug-minor, привязанная к exclamation-circle

Это работает отлично. Однако при попытке привязать четвертый тег beetle к моему загруженному SVG-файлу beetle-face.svg это не срабатывает.

Как правильно привязать мой собственный SVG-файл к тегу? Пожалуйста, помогите пошагово. Я новичок в Discourse (начал сегодня) и имею ограниченный опыт в веб-технологиях.
Большое спасибо

[pmusaraj (Penar Musaraj)]

Привет, @kristof_mulier, добро пожаловать в Discourse!

Вот как можно добавить пользовательскую иконку:

@pmusaraj

Добавление пользовательских иконок

Если вы хотите иметь больше иконок, чем доступно в FontAwesome, вы можете добавить свои собственные SVG-иконки в плагин или тему. Посмотрите этот SVG-спрайт в качестве примера того, как структурировать спрайт. (По сути, это список элементов <symbol>, каждый со своим уникальным ID.)

В темах и компонентах: добавьте SVG-спрайт в папку /assets и ссылайтесь на него в about.json, используя имя переменной icons-sprite. Для спрайта с именем my-icons.svg ваш assets.json должен включать следующее:

"assets": {
   "icons-sprite": "/assets/my-icons.svg"
}

Вы также можете добавить SVG-спрайт в тему или компонент через интерфейс. При этом убедитесь, что имя переменной SCSS установлено в icons-sprite. Скриншот:

По сути, вам нужно добавить SVG-иконку в спрайт, присвоить ей ID, затем добавить спрайт в тему и установить для него имя переменной icons-sprite. После этого вы можете использовать ID иконки так же, как ID иконок FA (и не используйте символ $).

[kristof_mulier]

Превосходно, всё сработало как по волшебству!
Спасибо @pmusaraj!
Ты супер