Spinner as icon.
<span class="zust-icon">
<i class="zust-spinner"></i>
</span>
Spinners behave like font icons. You can change colors, sizes etc. easily. Just wrap it inside of icon container.
There are few spinners that you can use. Use any of them.
<span class="zust-icon">
<i class="zust-spinner"></i>
</span>
<br><br>
<span class="zust-icon">
<i class="zust-spinner-2"></i>
</span>
<br><br>
<span class="zust-icon">
<i class="zust-spinner-3"></i>
</span>
<br><br>
<span class="zust-icon">
<i class="zust-spinner-4"></i>
</span>
<br><br>
<span class="zust-icon">
<i class="zust-spinner-5"></i>
</span>
<br><br>
<span class="zust-icon">
<i class="zust-spinner-6"></i>
</span>
They are icons. So, the features icon supports, it supports them too.
<span class="zust-icon zust-text-primary" style="--icon-size: 40px">
<i class="zust-spinner-6"></i>
</span>