代替アイコン

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

代替アイコンセット

別のアイコンセットを試してみたい場合は、以下のテーマコンポーネントを試すことができます:

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

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

スクリーンショットの一部:

Feather アイコン (WCAG Dark カラースキームを使用)


Heroicons (WCAG Light カラースキームを使用)


Unicons (Grey Amber カラースキームを使用)


Phosphor Duotone (WCAG Light カラースキームを使用)

貢献

テーマ開発者およびデザイナーの方は、このセクションが対象です。

上記にリストされているコンポーネントは、discourse-alt-icons ユーティリティリポジトリを使用して生成されます。このリポジトリは、Discourse コア内のアイコンを他のオープンソースのアイコンセットのアイコンに置き換えるプロセスを簡素化します。リポジトリの中核は、アイコン名のマッピングを含む JSON ファイルからテーマコンポーネントを生成するビルドスクリプトです。

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

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

別のアイコンセットのサポート追加を提案する場合は、以下の返信欄をご利用ください。あるいは、さらに良い方法として、少しの手間をかけることで、discourse-alt-icons リポジトリにプルリクエストを送信することもできます。なお、非常に寛容なライセンス(つまり、修正、配布、私的使用を許可していること)を持つアイコンセットのみが対象となります。


このドキュメントはバージョン管理されています。変更の提案は GitHub でお願いします。

「いいね!」 30

アイコンセットの提供を検討しているが、具体的な案がない方へ:

MITライセンスで、tailwindlabs.com のチームによってデザインされています。

「いいね!」 4

お手伝いできて嬉しいです。こちらに使用可能なアイコンがあります

https://www.flaticon.com/

素晴らしい提案ですね。これを実装し、OP にスクリーンショット付きで更新しました。アイコンはあまり多くありません。例えば、コンポーザーのツールバーにはアイコンがありませんが、含まれているアイコンは非常に素敵です。ありがとうございます!

「いいね!」 2

これは、Google Fonts は対象外ということでしょうか?

GoogleのMaterial Iconsライセンスは十分に寛容です。ただし、リポジトリが非常に巨大であり、各アイコンへのパスを見つけるのに時間がかかる可能性があります。

「いいね!」 1

はい、でも一度済ませれば、二度とやる必要はありません。:slight_smile:

「いいね!」 1

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

「いいね!」 2

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

「いいね!」 2

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

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

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

それらのセットのいずれかを読み込むと、欠落しているアイコンがデフォルトの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

Lucide アイコンに気づきました:

これは Feather のフォークであり、最新の状態です。Feather には 287 個のアイコンしかありませんが、Lucide には 1701 個のアイコンがあり(もちろん、欠けているアイコンのほとんどすべてが含まれています)、それらはすべて MIT ライセンスの下にあります。

したがって、この場合は Feather のサポートを廃止し、Lucide に置き換えるべきだと思います。

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

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

「いいね!」 3

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

「いいね!」 1

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

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

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

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

「いいね!」 1

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

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

Font-Awesome

Lucide

「いいね!」 3

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

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

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

「いいね!」 1

おっと、

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のどこで使われているのでしょうか?

「いいね!」 3