Discourse Lucide 图标

:information_source: 摘要 用这个开源的描边图标集替换 Font Awesome 的默认实心图标
:eyeglasses: 预览 在 Meta 品牌主题中于此处使用
:hammer_and_wrench: 代码仓库 github.com/discourse/discourse-lucide-icons
:question: 安装指南 如何安装主题或主题组件
:open_book: Discourse 主题新手? Discourse 主题使用入门指南

安装此主题组件

通过将默认的 Font Awesome 图标替换为 Lucide —— 一套现代、开源、一致且轻量的描边图标集 —— 为您的 Discourse 论坛带来全新的图标系统。


为什么选择 Lucide?

Discourse 默认搭载 Font Awesome,这是一款通用的实心图标库。然而,Font Awesome 的免费层级提供的描边风格图标数量有限,不足以构建一套连贯的描边图标系统。Lucide 填补了这一空白:它是 Feather Icons 的一个由社区维护的分支,拥有不断增长的、在各种尺寸下都能完美呈现的简洁 SVG 图标库。

本组件已作为 Meta 品牌主题的一部分,在 meta.discourse.org 上使用。


设置


完整图标库预览

该组件添加了一个有限的图标集,旨在映射所有默认的 Font Awesome 图标。

Lucide 提供更多图标。若要在主题中包含其他图标,请参阅 在主题中用自定义图标替换 Discourse 的默认 SVG 图标


注意事项与已知限制

  • 并非所有 Font Awesome 图标都有直接的 Lucide 对应版本。在某些情况下,该组件会故意保留 Font Awesome 版本(例如方形和圆形图标的填充变体)。
  • 图标映射正在持续改进中。欢迎对特定图标提供反馈!
11 个赞

很高兴看到这个!

我在制作 Quote Callout TC 时偶然发现了它,轻量级的描边(及其变体)确实带来了显著差异。现在只要有机会,我几乎都会使用它!

2 个赞