title: svg fill color not working with hex colors
body: <p>Trying to create an svg background pattern, but:</p>
  <p>When I am not using fill it is ok, when using color name like: <code>color: red;</code> it's ok, but if using hex colors, nothing shows up.</p>
  <p>here are the codes:</p>
  <p>OK:</p>
  <pre><code>background: url(&quot;data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg' width='20' height='10' &gt;&lt;path fill='red' d='M 0,10 H 20 L 10,0 Z' /&gt;&lt;/svg&gt;&quot;)  repeat-x;
  </code></pre>
  <p>NOT OK:</p>
  <pre><code>background: url(&quot;data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg' width='20' height='10' &gt;&lt;path fill='#FF0000' d='M 0,10 H 20 L 10,0 Z' /&gt;&lt;/svg&gt;&quot;)  repeat-x;
  </code></pre>
  <p>also check out on jsfiddle:</p>
  <p><a href="https://jsfiddle.net/vajnabotond/r362xdjn/19/" rel="noreferrer">https://jsfiddle.net/vajnabotond/r362xdjn/19/</a></p>