title: How to define SVG to render both fill and stroke?
body: <p>I have an SVG-file which code is provided below and it has fill and stroke parameters. I use this SVG in external app (Mapnik) where I modify it to change number of parameters like fill colour, stroke colour and stroke shape. Unfortunately even when I view this SVG in a simple viewer, only either fill or stroke is rendered, depending on which is defined first. I tried to reorder <code>&lt;g&gt;</code> tags and place <code>&lt;/g&gt;</code> at different places but wasn't able to achieve the goal - render both fill and stroke at the same time. How should I modify the SVG code to get the desired result?</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8" standalone="no"?&gt;
  &lt;svg width="22.5778mm" height="22.5778mm"
   viewBox="0 0 64 64"
   xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  version="1.2" baseProfile="tiny"&gt;
  &lt;title&gt;SVG Vector primitive&lt;/title&gt;
  &lt;desc&gt;An SVG drawing created by the QSvgGenerator &lt;/desc&gt;
  &lt;defs&gt;
  &lt;/defs&gt;
  
  &lt;g fill="#000000" fill-opacity="1" stroke="none" transform="matrix(20,0,0,20,32,32)"
  font-family="Helvetica" font-size="12" font-weight="400" font-style="normal" &gt;
  &lt;g fill="none" stroke="black" stroke-width="0.2" fill-rule="evenodd" stroke-linecap="square" stroke-linejoin="bevel" &gt;
  
  &lt;path vector-effect="non-scaling-stroke" fill-rule="evenodd" d="M-0.224514,-0.309017 L-0.951057,-0.309017 L-0.363271,0.118034 L-0.587785,0.809017 L0,0.381966 L0.587785,0.809017 L0.363271,0.118034 L0.951057,-0.309017 L0.224514,-0.309017 L0,-1 L-0.224514,-0.309017"/&gt;
  &lt;/g&gt;
  &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>