SVG sprite boilerplate

icons.svg

<svg xmlns="http://www.w3.org/2000/svg">
  <symbol id="name" viewBox="0 0 24 24">
    <!-- icon code goes here -->
  </symbol>

  <!-- The script makes the targeted icon visible when the file opened in the browser tab -->
  <script>
    const useElement = document.createElementNS(document.rootElement.namespaceURI, 'use')
    const render = () => useElement.setAttribute('href', location.hash)

    document.rootElement.append(useElement)
    window.addEventListener('hashchange', render)

    render()
  </script>
</svg>