Discourse是否接受带渐变的SVG图标？

[Arkshine]

您可以使用此技巧在 SVG 图标上创建渐变：

How do I put gradient on thin icons?

Hi, From what I read in Gradients in SVG - SVG: Scalable Vector Graphics | MDN, you must add <linearGradient> to the SVG. Others resources: Gradient fills for SVG icons SVG Gradients What you can do is create a hidden SVG in your theme/component to define your gradients: <svg aria-hidden="true" focusable="false" style="width:0; height:0; position:absolute;"> <linearGradient id="my-gradient-1" x2="0" y2="1"> <stop offset="0%" stop-color="var(--color-stop-1)" /> <stop offset="50%" …

您创建一个不可见的 SVG，其中定义了所有与 id 关联的渐变（例如：\u003clinearGradient id=\"my_id\"...）

然后，在您的 CSS 中，您可以定位 SVG 图标并使用 fill: url(#my-id)

我不确定它有多么难看，但它确实有效。