title: SVG Path Fill Colour with CSS
body: <p>I've seen lots of people posting this, and they all seem pretty happy with their answers.</p>
  
  <p>However I cant get my path fill to actually work,</p>
  
  <p><a href="http://jsfiddle.net/OwenMelbz/LvgmV/" rel="nofollow noreferrer">http://jsfiddle.net/OwenMelbz/LvgmV/</a></p>
  
  <p>The fiddle is above, the svg is generated from Illustrator</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;img src="http://owenmelbourne.com/arrow.svg"&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>img {width: 100px}
  path {
      fill: blue;
  }
  </code></pre>
  
  <p>Yet I always get <img src="https://i.stack.imgur.com/H6lVJ.png" alt="enter image description here"></p>
  
  <p>The SVG Code looks like</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --&gt;
  &lt;!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"&gt;
  &lt;svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
       width="9.334px" height="11.881px" viewBox="0 0 9.334 11.881" enable-background="new 0 0 9.334 11.881" xml:space="preserve"&gt;
  &lt;path fill="#999999" d="M4.159,5.942L0.202,1.884c0,0-0.609-1.032,0.288-1.641s1.471,0.118,1.471,0.118L6.29,4.877
      c0,0,1.15,0.947,0.254,1.894c-0.896,0.947-3.94,4.143-3.94,4.143L2.08,11.438c0,0-0.861,0.996-1.759,0
      c-0.93-1.031,0.863-2.418,0.863-2.418L4.159,5.942z"/&gt;
  &lt;g&gt;
  &lt;/g&gt;
  &lt;g&gt;
  &lt;/g&gt;
  &lt;g&gt;
  &lt;/g&gt;
  &lt;g&gt;
  &lt;/g&gt;
  &lt;g&gt;
  &lt;/g&gt;
  &lt;g&gt;
  &lt;/g&gt;
  &lt;g&gt;
  &lt;/g&gt;
  &lt;g&gt;
  &lt;/g&gt;
  &lt;g&gt;
  &lt;/g&gt;
  &lt;g&gt;
  &lt;/g&gt;
  &lt;g&gt;
  &lt;/g&gt;
  &lt;g&gt;
  &lt;/g&gt;
  &lt;g&gt;
  &lt;/g&gt;
  &lt;g&gt;
  &lt;/g&gt;
  &lt;g&gt;
  &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>If anybody could shed some light on the matter it would be much appreciated.</p>
  
  <p>Thanks</p>