Progress spinner using Tailwind CSS

spinner.html

<!-- stroke width = 3 -->
<svg class="animate-spin h-6 w-6 text-[CHANGE_THIS_COLOR]" xmlns="http://www.w3.org/2000/svg" fill="none"
     viewBox="0 0 24 24">
  <circle class="opacity-25" cx="12" cy="12" r="10.5" stroke="currentColor" stroke-width="3"></circle>
  <path fill="currentColor"
        d="M3,19.9c-1.9-2.2-3-5-3-7.9C0,5.4,5.4,0,12,0v3c-5,0-9,4-9,9c0,2.2,0.8,4.3,2.2,6L3,19.9z"/>
</svg>

<!-- stroke width = 3.5 -->
<svg class="animate-spin h-6 w-6 text-[CHANGE_THIS_COLOR]" xmlns="http://www.w3.org/2000/svg" fill="none"
     viewBox="0 0 24 24">
  <circle class="opacity-25" cx="12" cy="12" r="10.25" stroke="currentColor" stroke-width="3.5"></circle>
  <path fill="currentColor"
        d="M3,19.9c-1.9-2.2-3-5-3-7.9C0,5.4,5.4,0,12,0v3.5c-4.7,0-8.5,3.8-8.5,8.5c0,2.1,0.8,4.1,2.1,5.6L3,19.9z"/>
</svg>

<!-- stroke width = 4 -->
<svg class="animate-spin h-6 w-6 text-[CHANGE_THIS_COLOR]" xmlns="http://www.w3.org/2000/svg" fill="none"
     viewBox="0 0 24 24">
  <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
  <path fill="currentColor"
        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>

Is circle a html element?

Is circle a html element?

Yes, circle is a element you can use inside svg element. You can see for more info: https://www.w3schools.com/graphics/svg_circle.asp