title: How to specify the portion of the image to be rendered inside SVG:image tag?
body: <p>I have a PNG file with lots of icons on it. I want to use it in my SVG. I use the svg:image tag:</p>
  
  <pre><code>&lt;image xlink:href="icons.png" height="50px" width="50px"&gt;&lt;/image&gt;
  </code></pre>
  
  <p>This renders the whole image. How can I specify the portion of the file to be rendered? (I need an SVG-equivalent of CSS's  <code>background-position</code> attribute)</p>
  
  <p><b>Update</b><br>
  I suspect <a href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" rel="nofollow"><code>preserveAspectRatio</code></a> attribute to be what I need, but can not figure out how to use it with <code>&lt;image&gt;</code>. See <a href="http://www.w3.org/TR/SVG/images/coords/PreserveAspectRatio.svg" rel="nofollow">this example</a>.</p>