Альтернативные иконки

Документация Руководства для разработчиков
,
1

По умолчанию Discourse включает иконки из отличной библиотеки FontAwesome. Однако существует множество библиотек иконок, которые можно использовать бесплатно. Эта тема посвящена альтернативным наборам иконок. Здесь перечислены некоторые компоненты тем, которые вы можете попробовать прямо сейчас, а также описано, как вы можете внести свой вклад для поддержки других наборов иконок в Discourse.

Альтернативные наборы иконок

Если вы заинтересованы в тестировании другого набора иконок, вот список компонентов тем, которые вы можете попробовать:

(См. Как установить тему или компонент темы для получения помощи по добавлению одного из этих репозиториев на ваш сайт Discourse.)

Эти компоненты находятся в стадии разработки. Вы можете использовать их, но имейте в виду, что не для каждой иконки из ядра будет найдена подходящая замена. (Внесение вклада приветствуется, см. ниже.)

Некоторые скриншоты:

image
image1824×1158 159 KB

Иконки Feather (с использованием цветовой схемы WCAG Dark)

image
image1926×1282 163 KB

Иконки Heroicons (с использованием цветовой схемы WCAG Light)

image
image1732×1256 165 KB

Иконки Unicons (с использованием цветовой схемы Grey Amber)

image
image1726×1256 163 KB

Иконки Phosphor Duotone (с использованием цветовой схемы WCAG Light)

Внесение вклада

Разработчики тем и дизайнеры, этот раздел для вас.

Перечисленные выше компоненты генерируются с помощью утилиты discourse-alt-icons, которая упрощает замену иконок в ядре Discourse на иконки из других открытых наборов. Сердцем репозитория является скрипт сборки, который создает компонент темы на основе JSON-файла с сопоставлениями имен иконок.

Внесение вклада приветствуется и поощряется. Discourse использует множество иконок из FontAwesome, и поиск соответствий в других наборах иконок — увлекательная, но трудоемкая задача. Если вы хотите помочь, вы можете клонировать репозиторий discourse-alt-icons и следовать инструкциям в файле readme, чтобы добавить сопоставления для иконок, у которых их еще нет.

Поддержка других наборов иконок

Пожалуйста, используйте ответы ниже, чтобы предложить поддержку другого набора иконок. Или, что еще лучше, приложив немного усилий, вы можете отправить запрос на включение изменений (pull request) в репозиторий discourse-alt-icons. Обратите внимание, что будут рассмотрены только наборы иконок с очень свободными лицензиями (т. е. разрешающими модификацию, распространение и частное использование).

Этот документ находится под версионным контролем — предлагайте изменения на GitHub.

30 лайков
Harmonizing Discourse icons and emojis
2

Если кто-то хочет внести свой вклад, предоставив набор иконок, но ещё не определился с выбором:

Лицензия MIT, разработано командой tailwindlabs.com

4 лайка
3

Надеюсь, это поможет. Вот несколько иконок, которые вы можете использовать:

https://www.flaticon.com/

4

Отличное предложение, я добавил это и обновил первое сообщение скриншотом. В нём не так много иконок, например, отсутствуют иконки для панели инструментов редактора, но те, что есть, выглядят очень приятно. Спасибо!

2 лайка
5

Это значит, что Google Fonts не подходит?

6

Лицензия на Material Icons от Google достаточно либеральна. Однако их репозиторий огромен, и поиск пути к каждой иконке может занять много времени.

1 лайк
7

Да, но после того, как это будет сделано, вам больше не придется этого делать. :slight_smile:

1 лайк
8

Случайным образом, можно ли также получить обычные иконки Phosphor?

2 лайка
9

Приложив немного усилий, вы (или кто угодно) сможете создать репозиторий Phosphorus Regular на основе репозитория duotone. Если у вас будет готовый репозиторий, я с радостью рассмотрю его и добавлю в список здесь.

2 лайка
10

Это было бы здорово. По умолчанию в /admin должен быть список наборов иконок, так как FontAwesome выглядит довольно некрасиво. :ok_man:

11

Уродство — дело вкуса. Но в наши дни бесплатные иконки от Font Awesome действительно ограничены.

С другой стороны — сколько же на самом деле красивых иконок :joy:

13

Кажется, что при загрузке одного из этих наборов отсутствующие иконки не заменяются на иконки Font Awesome по умолчанию, поэтому остаётся просто пустое место — это не очень удобно… :thinking:

Мне нравится набор feather, но в нём не хватает многих полезных иконок.

Я сделал PR в репозиторий. Некоторые изменения далеки от идеала, но плохая иконка всё же лучше, чем отсутствие иконки вообще :smiling_face_with_tear:

Вот все newly добавленные иконки (страница с «vibe-кодом» и устаревший столбец «альтернативы»)
https://canapin.dev/discourse/feather-icons/

Основные и не очень удачные изменения:

image
Иконка кредитной карты наиболее близка к address-card по форме. Другие альтернативы — закрытая или открытая книга…

image
На мой взгляд, лучший вариант — crosshair. Простое перо имеет довольно похожую форму, но это перо, и оно уже используется для редактирования.

image
Ничего близкого. На мой взгляд, лучший вариант — иконка CPU. Я ошибся в своём PR и использовал иконку Zap, поэтому отправлю ещё один PR, чтобы исправить это.

2 лайка
14

Я только что заметил иконки Lucide:

Это форк Feather, который актуален. В Feather всего 287 иконок, а в Lucide — 1701 (и у них, конечно, есть большинство, если не все, отсутствующие иконки).

Оба набора распространяются под лицензией MIT.

Так что, полагаю, в данном случае поддержка Feather должна быть прекращена и заменена на Lucide.

Мой pull request теперь кажется немного бессмысленным :lolsob:

Возможно, я смогу попробовать создать репозиторий для этого набора, если команда одобрит…

3 лайка
15

Неважно, но при переходе на https://canapin.dev, прокрутке вниз и нажатии на форум Virtualmin, оказалось, что это Discourse :discourse

1 лайк
16

Я почти полностью создал набор иконок Lucide для Discourse, но где можно найти полный список иконок, используемых ядром Discourse, чтобы ничего не упустить?

В этом шаблоне discourse-alt-icons/mappings/template.json at main · discourse/discourse-alt-icons · GitHub чего-то не хватает. Например, палитра .

17

может вам помочь.

Плагины и компоненты могут добавлять дополнительные иконки. Я не уверен, как найти популярные из них. Возможно, стоит посмотреть на плагины, которые #включены-в-ядро. Поэтому поиск по чему-то вроде Code search results · GitHub может сработать.

1 лайк
18

Вот репозиторий:

Не стесняйтесь сделать его официальным.

Font-Awesome

image
image2560×1271 263 KB

Lucide

image
image2560×1271 265 KB

3 лайка
19

Можно ли добавить другие иконки в настройки? Похоже, что отсутствуют иконки газеты, микрофона и геймпада.

20

Конечно. Мне также нужно исправить иконку размера шрифта в редакторе.

Редактирование: Возможно, я неправильно понял, и я не уверен, что мы можем заменить иконки Discourse из одного из новых наборов вне компонента :thinking:

1 лайк
21

Да ладно,

Для получения полного списка иконок, включённых в Discourse, перейдите по адресу /stylestyle в вашем экземпляре Discourse.

От GitHub - discourse/discourse-alt-icons · GitHub

Кажется, это то, что ИИ делает со мной: я даже больше не читаю документацию :person_facepalming:

Я не могу найти их ни в /styleguide, ни в discourse/lib/svg_sprite.rb at main · discourse/discourse · GitHub. Где они используются в Discourse?

3 лайка