代替アイコン

ドキュメント 開発者ガイド
,
1

デフォルトでは、Discourse は優れた FontAwesome ライブラリのアイコンをバンドルしています。しかし、無料で使えるアイコンライブラリは他にもたくさんあります。このトピックは、代替アイコンセットのホームです。今すぐ試せるテーマコンポーネントをリストアップしていますが、Discourse が他のアイコンセットをサポートするようにする方法に貢献する方法についても説明しています。

代替アイコンセット

別のアイコンセットを試すことに興味がある場合は、試すことができるテーマコンポーネントのリストを以下に示します。

(これらのリポジトリのいずれかを Discourse サイトに導入する方法については、テーマまたはテーマコンポーネントのインストール方法を参照してください。)

これらのコンポーネントは開発途上にあります。これらを使用することはできますが、コアのすべてのアイコンに適切な代替があるわけではないことに注意してください。(ただし、貢献は歓迎します。以下を参照してください。)

スクリーンショットをいくつか示します。

image
image1824×1158 159 KB

Feather icons (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 コア内のアイコンを他のオープンソースアイコンセットのアイコンに置き換えるプロセスを合理化する discourse-alt-icons ユーティリティリポジトリを使用して生成されます。リポジトリの中核となるのは、アイコン名のマッピングの JSON ファイルからテーマコンポーネントを生成するビルドスクリプトです。

貢献は歓迎され、奨励されています。 Discourse は FontAwesome の多くのアイコンを使用しており、他のアイコンセットからの一致を見つけるのは楽しい作業ですが、時間がかかります。協力したい場合は、discourse-alt-icons をプルし、readme の手順に従って、まだ一致がないアイコンのマッピングを追加できます。

他のアイコンセットのサポート

サポートを追加したい他のアイコンセットについては、以下の返信を使用してください。あるいは、少し作業すれば、discourse-alt-icons リポジトリにプルリクエストを送信することもできます。非常に寛容なライセンス (つまり、変更、配布、私的使用を許可する必要がある) を持つアイコンセットのみが検討されることに注意してください。

このドキュメントはバージョン管理されています - 変更の提案は github で行えます。

「いいね！」 30
Harmonizing Discourse icons and emojis
2

If anyone is looking to contribute an icon set, but doesn’t have one in mind:

MIT licensed, designed by the folks over at tailwindlabs.com

「いいね！」 4
3

Hope to help, here are some icons you can use

4

Nice suggestion, I added this and updated the OP with a screenshot. It doesn’t have a lot of icons, for example, it has no icons for the composer toolbar, but the icons it does have are quite nice. Thanks!

「いいね！」 2
5

Does this mean that Google Fonts is out of the question?

6

Google’s Material Icons license is permissive enough. But their repo is gigantic, and it might be time-consuming to find the path to each icon.

「いいね！」 1
7

Yes, but once it’s done, you won’t have to do it again. :slight_smile:

「いいね！」 1
8

Phosphor Regular Iconsも入手可能でしょうか？

「いいね！」 2
9

少し手を加えれば、あなた（あるいは誰でも）は、デュオトーンのリポジトリからPhosphorus Regularのリポジトリを作成できるはずです。リポジトリがあれば、レビューしてここにリストに含めることができます。

「いいね！」 2
10

それは素晴らしいでしょう。FontAwesomeは少し醜いので、デフォルトで/adminにアイコンセットのリストを用意すべきです。:ok_man:

11

醜さは好みの問題です。しかし、今日ではFont Awesomeによる無料アイコンの提供は本当に限られています。

一方で、本当に見栄えの良いアイコンはどれだけあるでしょうか :joy:

13

それらのセットのいずれかを読み込むと、欠落しているアイコンがデフォルトのFont Awesomeアイコンに置き換えられず、単に空白になり、あまり使い物にならないようです… :thinking:

featherセットは気に入っていますが、多くの便利なアイコンが不足しています。

リポジトリにPRを作成しました。いくつかの変更は完璧からは程遠いですが、悪いアイコンでも何もないよりはましです :smiling_face_with_tear:

ここに追加されたすべての新しいアイコンです（ひどいバイブレーションコードのページ、時代遅れの「代替」列）
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 に置き換えるべきだと思います。

私のプルリクエストは、今となっては少し無意味かもしれませんね :lolsob:

チームに承認されれば、このセットのリポジトリを作成してみようかと思います…

「いいね！」 3
15

無関係ですが、https://canapin.dev にアクセスし、一番下までスクロールして Virtualmin のフォーラムをクリックすると、Discourse :discourse: でした！

「いいね！」 1
16

Discourse のために Lucide アイコンのほぼ全セットを作成しましたが、コアで使われているアイコンの完全なリストはどこで見つけられますか？そうすれば、見落としがなくなります。

このテンプレート discourse-alt-icons/mappings/template.json at main · discourse/discourse-alt-icons · GitHub にはいくつか不足しています。一例として、パレットの があります。

17

が参考になるかもしれません。

プラグインやコンポーネントは、追加のアイコンを追加できます。それらの間で人気のあるものをどのように見つけるかはわかりません。#included-in-core のプラグインを見るのが理にかなっているかもしれません。そのため、Repository search results · GitHub のような検索が機能するかもしれません。

「いいね！」 1
18

リポジトリはこちらです：

公式化を自由に行ってください。

Font-Awesome

image
image2560×1271 258 KB

Lucide

image
image2560×1271 265 KB

「いいね！」 3
19

設定に他のアイコンを追加することは可能ですか？新聞、マイク、ゲームパッドのアイコンがないように見えます。

20

承知いたしました。コンポーザーのフォントサイズアイコンも修正する必要があります。

追記：誤解していたかもしれません。コンポーネントの外側から新しいセットのDiscourseアイコンを置き換えられるかどうかはわかりません :thinking:

「いいね！」 1
21

おっと、

Discourseに含まれるアイコンの完全なリストについては、Discourseインスタンスの/styleguideにアクセスしてください。

https://github.com/discourse/discourse-alt-iconsより

AIが私にしていることはこれだと思います。もうRTFM（Read The Fine Manual）すらしていませんね :person_facepalming:

/styleguideやhttps://github.com/discourse/discourse/blob/main/lib/svg_sprite.rbでは見つかりません。Discourseのどこで使われているのでしょうか？

「いいね！」 2