title: SVG shape not sharp on non-retina, but sharp on retina
body: <pre><code>&lt;img width="80" height="90"  src="/assets/images/shape.svg" /&gt;
  </code></pre>
  
  <p>I'm using a SVG inside a <code>&lt;img /&gt;</code> tag to display a shape with only a border.
  On non-retina (left) the SVG image isn't sharp, but on retina it is (right):</p>
  
  <p><img src="https://i.stack.imgur.com/QQ7VF.jpg" alt="enter image description here"></p>
  
  <p>I also tried putting the SVG image in a <code>&lt;object&gt;</code>, but the same pixel border appears.. (suggested in: <a href="https://stackoverflow.com/questions/4476526/do-i-use-img-object-or-embed-for-svg-files">Do I use &lt;img&gt;, &lt;object&gt;, or &lt;embed&gt; for SVG files?</a>).</p>
  
  <p>Anyone with an explanation or fix for this, please? :)</p>