title: SVG text line height displays differently within img tag
body: <p>I have created an SVG image which I am using within our website. </p>
  
  <p>The SVG is displayed by inserting the XML into the HTML file, however, when loaded like this the SVG displayed differently compared with being displayed within an img tag.</p>
  
  <pre><code>&lt;img src="http://elbrus.ecommercesuite.co.uk/Customisation Tool/SVG Templates/Bookmark.svg" /&gt;
  </code></pre>
  
  <p>I am just trying to reduce the line height within the following SVG:</p>
  
  <p><a href="https://jsfiddle.net/fahc2vvq/" rel="nofollow noreferrer">https://jsfiddle.net/fahc2vvq/</a></p>
  
  <p>I have to load in the XML version to edit the SVG within the website, Any ideas?</p>