icons.html

<!-- Usage -->
<svg width="26px" height="26px">
  <title>Some Title</title>
  <use xlink:href="#icon:arrow-up" width="26px" height="26px"></use>
</svg>

<!-- Definitions, somewhere in the HTML -->
<svg style="position: absolute; width: 0; height: 0; overflow: hidden">
  <symbol
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    viewBox="0 0 24 24"
    stroke="currentColor"
    aria-hidden="true"
    id="icon:arrow-up"
  >
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
      <path
        fill="currentColor"
        d="M11 20V7.825l-5.6 5.6L4 12l8-8l8 8l-1.4 1.425l-5.6-5.6V20z"
      ></path>
    </svg>
  </symbol>
</svg>