Discourse Lucide Icons

:information_source: 概要 Font Awesome のデフォルトの塗りつぶしアイコンを、このオープンソースのストロークアイコンセットに置き換えます
:eyeglasses: プレビュー Meta の「Meta Branded」テーマで Meta 上で使用されています
:hammer_and_wrench: リポジトリ github.com/discourse/discourse-lucide-icons
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourse テーマは初めてですか? Discourse テーマの使用に関する初心者ガイド

このテーマコンポーネントをインストール

デフォルトの Font Awesome アイコンを Lucide に置き換えることで、Discourse フォーラムに新しいアイコンシステムを導入しましょう。Lucide は、モダンでオープンソースの、一貫性のある軽量なストロークアイコンのセットです。


なぜ Lucide なのか?

Discourse には、汎用性の高いアイコンライブラリである Font Awesome が標準搭載されています。ただし、Font Awesome の無料プランではストロークスタイルのアイコンの選択が限られており、一貫性のあるストロークアイコンシステムを構築するには不十分です。Lucide はそのギャップを埋めます。これは Feather Icons のコミュニティによって維持されているフォークであり、あらゆるサイズで美しく機能するクリーンな SVG アイコンのライブラリが成長しています。

このコンポーネントは、meta.discourse.org の「Meta Branded」テーマの一部としてここで使用されています。


設定


全アイコンライブラリのプレビュー

このコンポーネントは、デフォルトの Font Awesome アイコンをすべてマッピングすることを目的とした、限定されたセットを追加します。

Lucide にはさらに多くのアイコンがあります。テーマに追加のアイコンを含めるには、テーマで Discourse のデフォルト SVG アイコンをカスタムアイコンに置き換える を参照してください。


注意事項と既知の制限事項

  • 全ての Font Awesome アイコンに直接対応する Lucide の等価物があるわけではありません。場合によっては、このコンポーネントは意図的に Font Awesome のバージョンを維持します(例:正方形や円形アイコンの塗りつぶしバリエーション)。
  • アイコンのマッピングは積極的に改善されています。特定のアイコンに関するフィードバックを歓迎します!
「いいね!」 11

I’m so happy to see this!

I stumbled on it by chance when I made Quote Callout TC, and the lightweight stroke (and variation) makes really a difference. I’m now using it most of the time when I can!

「いいね!」 2