title: SVG image does not appear, no errors
body: <p>I wanna show the svg in a <code>container</code>, the container colours does show as <code>grey</code> but the vector image does not appear. No errors are being produced. I have added the dependancy <code>flutter_svg: ^0.22.0</code> and</p>
  <p><strong>Svg image:</strong> this is placed at <code>/Assets/Vector.svg</code></p>
  <pre><code>&lt;svg width=&quot;25&quot; height=&quot;26&quot; viewBox=&quot;0 0 25 26&quot; fill=&quot;none&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
  &lt;path d=&quot;M4.9435 8.38116H0.706215C0.282486 8.38116 0 8.62978 0 9.00271V25.1629C0 25.5359 0.282486 25.7845 0.706215 25.7845H4.9435C5.36723 25.7845 5.64972 25.5359 5.64972 25.1629V9.00271C5.64972 8.62978 5.36723 8.38116 4.9435 8.38116Z&quot; fill=&quot;white&quot;/&gt; &lt;/svg&gt;
  </code></pre>
  <p><strong>Code:</strong></p>
  <pre><code>import 'package:flutter_svg/flutter_svg.dart';
  
  Container(
            width: 200,
            height: 200,
            color: Colors.grey,
            child: SvgPicture.asset('/Assets/Vector.svg',
                color: Colors.black))
  </code></pre>
  <p><a href="https://i.stack.imgur.com/ofXoG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ofXoG.png" alt="enter image description here" /></a></p>
  <p>the small black line is the svg (appears in my browser)
  <a href="https://i.stack.imgur.com/GNace.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GNace.jpg" alt="enter image description here" /></a></p>