title: remove inline style on a svg image
body: <p>I have a svg img (home icon in navbar) and reduced its code to this:  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
  background-color: #ccc;
  }
  
  .navtsvg {
    float: left;
    fill: white;
    height: 17 px;
    width: 19 px;
  }
  
  .fil0 {
    fill: white;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;body&gt;
    &lt;a href='index.php'&gt;
      &lt;svg class='navtsvg' viewBox="0 0 4.47 3.81" &lt;defs&gt;
          &lt;style type="text/css"&gt;
           &lt;![CDATA[
            .fil0 {fill:white}
           ]]&gt;
          &lt;/style&gt;
         &lt;/defs&gt;
           &lt;polygon class="fil0" points="2.23,0 4.47,2 4.14,2.3 2.23,0.59 0.33,2.3 0,2 "/&gt;
           &lt;path class="fil0" d="M3.62 2.25l-1.28 -1.14c-0.06,-0.05 -0.16,-0.05 -0.22,0l-1.27 1.14c-0.06,0.05 -0.11,0.16 -0.11,0.24l0 1.19c0,0.07 0.07,0.13 0.16,0.13l0.85 0 0 -0.76c0,-0.08 0.07,-0.14 0.15,-0.14l0.67 0c0.09,0 0.16,0.06 0.16,0.14l0 0.76 0.85 0c0.08,0 0.15,-0.06 0.15,-0.13l0 -1.19c0,-0.08 -0.05,-0.18 -0.11,-0.24z"/&gt;
        &lt;/svg&gt;
    &lt;/a&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But removing inline style the image dissapear, as it doesn't exist on display.</p>
  
  <p>Any help?</p>