O Discourse aceita ícones SVG com gradiente?

Dev
1

Vejo que qualquer ícone com gradiente que eu coloco não funciona, o Discourse não aceita?

Se ele não aceita, existe alguma forma de colocar um gradiente em volta dos ícones via css?

2 curtidas
2

Tenho as mesmas dúvidas, alguém tem alguma pista sobre isso?

3

Se o formato SVG suportar gradientes, considere isso um bug. Provavelmente é melhor relatar como uma solicitação de recurso no repositório git.

4

Um SVG, como um logotipo, deve funcionar bem.
Pelo que sei, os gradientes de ícones SVG são substituídos quando sua cor é definida pelo CSS?

5

Eu vi que existem duas maneiras, por CSS e pelo código do arquivo SVG, mas sempre que uso um ou outro não funciona, o arquivo não muda!

Você conhece alguma maneira de usar gradiente nos ícones?

6

Gradientes CSS não funcionam com ícones SVG, acredito que o gradiente precise ser aplicado diretamente ao arquivo SVG

7

Você pode usar este truque para criar um gradiente em ícones SVG:

Você cria um SVG invisível onde define todos os seus gradientes associados a um id (por exemplo: <linearGradient id="my_id"...)

Então, no seu CSS, você seleciona ícones SVG e usa fill: url(#my-id)

Não tenho certeza do quão feio isso é, mas funciona. :smile:

1 curtida