Discourse accepte-t-il les icônes SVG avec dégradé ?

Je vois que toute icône avec un dégradé que j’ai mise ne fonctionne pas, est-ce que Discourse ne l’accepte pas ?

S’il ne l’accepte pas, y a-t-il un moyen de mettre un dégradé autour des icônes via CSS ?

2 « J'aime »

J’ai les mêmes questions, quelqu’un a-t-il une idée à ce sujet ?

Si le format SVG prend en charge les dégradés, considérez-le comme un bug. Il est probablement préférable de le signaler comme une demande de fonctionnalité sur le dépôt git.

Un SVG, comme un logo, devrait fonctionner.
D’après ce que je sais, les dégradés des icônes SVG sont remplacés lorsque leur couleur est définie par le CSS ?

J’ai vu qu’il y avait deux méthodes, par CSS et par le code du fichier SVG, mais à chaque fois que j’en utilise une ou l’autre, ça ne fonctionne pas, le fichier ne change pas !

Connaissez-vous un moyen d’utiliser un dégradé sur les icônes ?

Les dégradés CSS ne fonctionneront pas avec les icônes SVG, je pense que le dégradé doit être appliqué directement au fichier SVG.

Vous pouvez utiliser cette astuce pour créer un dégradé sur les icônes SVG :

Vous créez un SVG invisible où vous définissez tous vos dégradés associés à un id (par exemple : \u003clinearGradient id=\"my_id\"...)

Ensuite, dans votre CSS, vous ciblez les icônes SVG et utilisez fill: url(#my-id)

Je ne suis pas sûr à quel point c’est moche, mais ça fonctionne. :smile:

1 « J'aime »