Вы можете использовать этот трюк для создания градиента на SVG-иконках:
Создайте невидимый SVG, в котором определите все ваши градиенты, связанные с id (например: <linearGradient id="my_id"...)
Затем в вашем CSS выберите SVG-иконки и используйте fill: url(#my-id).
Не уверен, насколько это выглядит неуклюже, но это работает. 