Google
Edit File: loading.svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin:auto;background:transparent;" width="120" height="120" viewBox="0 0 120 120" preserveAspectRatio="xMidYMid"> <circle cx="60" cy="60" r="20" stroke="rgba(0,0,0,.3)" stroke-width="6" fill="none"/> <circle cx="60" cy="60" r="20" stroke="#c000ff" stroke-width="4" stroke-linecap="round" fill="none"> <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" values="0 60 60;180 60 60;720 60 60" keyTimes="0;0.5;1"/> <animate attributeName="stroke-dasharray" repeatCount="indefinite" dur="1s" values="18.84955592153876 169.64600329384882;94.2477796076938 94.24777960769377;18.84955592153876 169.64600329384882" keyTimes="0;0.5;1"/> </circle> </svg>