title: SVG images not loading on Chrome (sometimes)
body: <p>Hi i have started converting a lot of my sites old image to SVG format and i cannot get them to display in the page.</p>
  
  <p>The images do load if I open the image seperatly and then view the page after opening it. The SVG's are in the <strong>correct file path</strong> that I am referencing but nothing appears. Although on some refreshes it does appear.</p>
  
  <pre><code>&lt;img class="padlock-img" src="content/img/cf/padlock.svg" alt=""&gt;
  &lt;img src="content/img/tips/progress.svg" alt=""&gt;
  &lt;img class="padlock-img" src="content/img/cf/padlock.svg" alt=""&gt;
  </code></pre>
  
  <h2>Here are some of my examples</h2>
  
  <p><a href="http://codepen.io/anon/pen/JYOQBy" rel="noreferrer">Example of one of the SVG's</a></p>
  
  <h2>Attempts</h2>
  
  <ol>
  <li><p>I have attemted turning src into <code>xlink:href</code> and this stopped the images from loading at all</p></li>
  <li><p>I have tested this on 3 other browsers and the images load it is only happening on <em>chrome</em> on localhost and on file://</p></li>
  </ol>
  
  <p>Any ideas on how to fix this?</p>