{% set size = size ?? '24px' %}
{% set duration = duration ?? '0.6s' %}
{% set thickness = thickness ?? 4 %}
{% set class = class ?? 'spinner' %}

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="{{ size }}" height="{{ size }}" viewbox="0 0 50 50" style="enable-background:new 0 0 50 50;" class="{{ class }}" xml:space="preserve">
	<circle cx="25" cy="25" r="20" fill="none" stroke="currentColor" stroke-width="{{ thickness }}" stroke-linecap="round" stroke-dasharray="31.4 94.2">
		<animateTransform attributename="transform" type="rotate" from="0 25 25" to="360 25 25" dur="{{ duration }}" repeatcount="indefinite"/>
	</circle>
</svg>