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

[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 (и не используйте символ $).