title: Turn off anti-aliasing on svg when applying CSS3:Zoom on the element?
body: <p>I found that when the CSS3 Zoom is applied on small SVG icons (9px:9px with zoom: 1.5), the SVG icons could be blurry. Any idea to get a sharp and clean icon in this case? Thanks in advance.</p>
  
  <p>The SVG:</p>
  
  <pre><code>&lt;svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
           x="0px" y="0px" width="9px" height="9px" viewBox="0 0 9 9" enable-background="new 0 0 9 9"&gt;
      &lt;g&gt;
          &lt;g fill="none" transform="translate(0.5, 0.5)"&gt; 
              &lt;g stroke="#000000" stroke-width="0.5" stroke-linecap="square" &gt;
                  &lt;line x1="2" y1="4"  x2="6" y2="4"/&gt;
                  &lt;line x1="4"  y1="2" x2="4" y2="6"/&gt;
              &lt;/g&gt;
              &lt;g stroke="#909090" stroke-width="1" stroke-linecap="square" &gt;
                  &lt;rect x="0" y="0" width="8" height="8"/&gt;
              &lt;/g&gt;
          &lt;/g&gt;
      &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>