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. ![]()