title: OpenLayers Color an SVG Icon
body: <p>I have been following the Icon Colors example on the OpenLayers site, <a href="http://openlayers.org/en/latest/examples/icon-color.html?q=color" rel="noreferrer">http://openlayers.org/en/latest/examples/icon-color.html?q=color</a>.</p>
  
  <p>This works well for me with png and jpg images, however when I switch to using svg images the color does not change at all. There are no errors. The color just does not change.</p>
  
  <p>Here is the snippet of code where the color change happens:</p>
  
  <pre><code>    /*set the colour*/
      var style = new ol.style.Style({
          image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({
              anchor: [0.5, 0.5],
              src : 'img/icons/example.svg',
              color: '#8959A8'
          }))
      }); 
  </code></pre>
  
  <p>Any advice would be greatly appreciated!</p>