pinafore/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>