# Spinner

The Spinner component is used to indicate that something is loading.
It is just a combination of the Icon component and the utility classes.

```html
<svg width="24" height="24" class="animation-spin-clockwise">
  <use xlink:href="/icons/svg/sprite.svg#spinner" />
</svg>
<svg width="24" height="24" class="text-primary animation-spin-clockwise">
  <use xlink:href="/icons/svg/sprite.svg#spinner" />
</svg>
<svg width="24" height="24" class="text-secondary animation-spin-clockwise">
  <use xlink:href="/icons/svg/sprite.svg#spinner" />
</svg>
<svg width="24" height="24" class="text-primary-inverted animation-spin-clockwise">
  <use xlink:href="/icons/svg/sprite.svg#spinner" />
</svg>
<svg width="24" height="24" class="text-secondary-inverted animation-spin-clockwise">
  <use xlink:href="/icons/svg/sprite.svg#spinner" />
</svg>
```
