pinafore/src/routes/_components/LoadingSpinner.html

<svg class="loading-spinner-icon spin {maskStyle ? 'mask-style' : ''}"
     style="width: {size}px; height: {size}px;"
     aria-label="Loading"
>
  <use xlink:href="#fa-spinner" />
</svg>
<style>
  .loading-spinner-icon {
    fill: var(--svg-fill);
  }

  .loading-spinner-icon.mask-style {
    fill: var(--mask-svg-fill);
  }
</style>
<script>
  export default {
    data: () => ({
      maskStyle: false,
      size: 64
    })
  }
</script>