SVG Sprites In Visualforce

content.page

<c:sprite />

<!-- xmlns is needed at the top-most page element -->
<div xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <svg class="icon stroke">
    <use xlink:href="#home"></use>
  </svg>
</div>

sprite.component

<apex:component layout="none">
  <svg xmlns="http://www.w3.org/2000/svg" style="display:none">
    <defs>
      <symbol id="home" viewBox="0 0 32 32">
        <polyline data-cap="butt" fill="none" stroke-width="2" stroke-miterlimit="10" points="5,12.4 5,30 13,30 13,22 19,22 19,30 27,30 27,12.4 " stroke-linejoin="miter" stroke-linecap="butt"></polyline>
        <polyline fill="none" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points=" 2,15 16,3 30,15 " stroke-linejoin="miter"></polyline>
        <rect x="13" y="12" fill="none" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" width="6" height="5" stroke-linejoin="miter"></rect>
      </symbol>
    </defs>
  </svg>
</apex>