如何在Reactions插件中使用自定义SVG图标？

[Lilly (Lillian)]

在主题中用自定义图标替换 Discourse 的默认 SVG 图标

您可以单独替换 Discourse 的默认 SVG 图标，或将它们作为一个整体替换为您自己的自定义 SVG，并 在主题或主题组件中 覆盖它们。 步骤 1 - 创建 SVG 精灵图 (Spritesheet) 要开始，您必须创建一个 SVG 精灵图。它可以包含从单个附加的自定义 SVG 图标到数百个完整替换集中的任何内容。 精灵图应保存为 SVG 文件。原则上，您是将原始 SVG 图标文件中的 \u003csvg\u003e 标签内容嵌套到 \u003csymbol\u003e 标签中，并为其指定一个良好的标识符。 <?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="my-theme-icon-1"> <!-- SVG 代码在 \u003csvg\u003e 标签内部，来自源 SVG 图标文件 这通常是 \u003csvg\u003e 标签之间的所有内容 （但…