Sie können diesen Trick verwenden, um einen Farbverlauf auf SVG-Icons zu erstellen:
Sie erstellen ein unsichtbares SVG, in dem Sie alle Ihre Farbverläufe mit einer id definieren (z. B.: <linearGradient id="my_id"...)
Dann zielen Sie in Ihrem CSS auf SVG-Icons und verwenden fill: url(#my-id)
Ich bin mir nicht sicher, wie hässlich das ist, aber es funktioniert. 