Veo que cualquier icono con un degradado que pongo no funciona, ¿Discourse no lo acepta?
Si no lo acepta, ¿hay alguna forma de poner un degradado alrededor de los iconos a través de CSS?
2 Me gusta
Tengo las mismas consultas, ¿alguien tiene alguna idea al respecto?
Si el formato SVG admite degradados, considérelo un error. Probablemente sea mejor informarlo como una solicitud de características en el repositorio de git.
Un SVG como ese, un logo, debería funcionar bien.
AFAIK, ¿los degradados de iconos SVG se anulan cuando su color se establece mediante CSS?
Vi que hay dos maneras, por CSS y por el código del archivo SVG, pero cada vez que uso una u otra no funciona, ¡el archivo no cambia!
¿Conoces alguna manera de usar degradado en los iconos?
Los degradados CSS no funcionan con iconos SVG, creo que el degradado debe aplicarse directamente al archivo SVG.
Puedes usar este truco para crear un degradado en iconos SVG:
Creas un SVG invisible donde defines todos tus degradados asociados con un id (por ejemplo: <linearGradient id="my_id"...>)
Luego, en tu CSS, apuntas a los iconos SVG y usas fill: url(#my-id)
No estoy seguro de lo feo que es, pero funciona. 
1 me gusta