title: How to use W3.org's SVG Icons on my website?
body: <p>I often scan through the elements in websites and keep seeing things like:</p>
  
  <pre><code>&lt;svg width="13" height="13" viewBox="0 0 13 13" version="1.1"
  xmlns="http://www.w3.org/2000/svg"xmlns:xlink="http://www.w3.org/1999/xlink" data-ui-test="undefined-svg"&gt;
  &lt;use x="0" y="0" width="13" height="13" xlink:href="/images/icons/icon_definitions.svg#heart"&gt;&lt;/use&gt;&lt;/svg&gt;
  </code></pre>
  
  <p>How can I use the icons like that on my website? I tried going to W3.org to find out how but it is not very clear how to do it, if at all I can. Anyone care to explain?</p>