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%" …

すべてのグラデーションを id (例: \u003clinearGradient id=\"my_id\"...) に関連付けて定義する不可視のSVGを作成します。

その後、CSSでSVGアイコンをターゲットにし、fill: url(#my-id) を使用します。

どれほど醜いかはわかりませんが、機能します。