Loading Spinners

<div class="inline-block h-12 w-12 animate-spin rounded-full 
     border-4 border-solid border-blue-600 border-r-transparent">
</div><div class="flex space-x-2">
  <div class="h-3 w-3 bg-blue-600 rounded-full animate-bounce"></div>
  <div class="h-3 w-3 bg-blue-600 rounded-full animate-bounce"></div>
  <div class="h-3 w-3 bg-blue-600 rounded-full animate-bounce"></div>
</div><div class="relative">
  <div class="h-16 w-16 rounded-full border-4 border-gray-200"></div>
  <div class="absolute top-0 left-0 h-16 w-16 animate-spin rounded-full 
       border-4 border-solid border-blue-600 border-t-transparent"></div>
</div><div class="inline-block animate-spin text-blue-600">
  <ion-icon name="sync-outline" class="text-5xl"></ion-icon>
</div>