I can't change the fill color of a SVG Sprite

You have to remove internal styling of fill property and only apply css property. Either way change fill property of svg using javascript DOM.


Here is a working example: http://codepen.io/anon/pen/NqmrOR

The problem was the fill="#1D1D1B" attributes placed directly on the SVG elements.

NOTE: Using CSS class selectors on SVG elements, while supported in most up-to-date browsers, is not universally supported. Programmatically applying styles to SVG elements in JS themselves is actually better supported.

Tags:

Html

Css

Svg