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. 