<p>The sprite thing could perhaps be solved with this additional code </p>

<pre><code>@media
-webkit-min-device-pixel-ratio: 2,
   min--moz-device-pixel-ratio: 2,
     -o-min-device-pixel-ratio: 2/1,
        min-device-pixel-ratio: 2,
                min-resolution: 150dpi,
                min-resolution: 2dppx{
  .icon {
    background:transparent image-url("sprite.svg") no-repeat 0 0;
  }
}
</code></pre>

<p>And hope that the browsers announcing this properties are able to render svg background bugfree :-)</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br>Reply to this email directly or <a href="https://github.com/openstreetmap/openstreetmap-website/issues/850#issuecomment-65448253">view it on GitHub</a>.<img alt="" height="1" src="https://github.com/notifications/beacon/ABWnLUkt8SFPnbbb1onkSY06b5yB9tnpks5nTzvAgaJpZM4DDsQl.gif" width="1" /></p>
<div itemscope itemtype="http://schema.org/EmailMessage">
  <div itemprop="action" itemscope itemtype="http://schema.org/ViewAction">
    <link itemprop="url" href="https://github.com/openstreetmap/openstreetmap-website/issues/850#issuecomment-65448253"></link>
    <meta itemprop="name" content="View Issue"></meta>
  </div>
  <meta itemprop="description" content="View this Issue on GitHub"></meta>
</div>