antonydoyle
3/15/2016 - 11:51 AM

SVG Usage: 8

SVG Usage: 8
content_copyfile_download
<body>
  <!-- svg file -->
  <svg style="display: none;" aria-hidden="true">
    <symbol id="icon-twitter" ...><path ...></path></symbol>
    <symbol id="icon-instagram" ...><path ...></path></symbol>
  </svg>

  <!-- svg use case, twitter icon -->
  <svg xmlns="http://www.w3.org/2000/svg" class="icon-twitter">
    <use xlink:href="#icon-twitter"></use>
  </svg>

  <!-- svg use case, instagram icon -->
  <svg xmlns="http://www.w3.org/2000/svg" class="icon-instagram">
    <use xlink:href="#icon-instagram"></use>
  </svg>
</body>