javascript svg loader #svg

Posted 2021-05-03

      <svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
        <circle cx="30" cy="30" r="60" stroke="#16AE97" stroke-width="6" fill="none" />
        <circle cx="60" cy="60" r="14" stroke="#08D7B8" stroke-width="6" fill="none" transform="rotate(120.611 40 40)">
          <animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 40 40;360 40 40" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite" />
          <animate attributeName="stroke-dasharray" calcMode="linear" values="18.84955592153876 169.64600329384882;94.2477796076938 94.24777960769377;18.84955592153876 169.64600329384882" keyTimes="0;0.5;1" dur="1" begin="0s" repeatCount="indefinite" />
        </circle>
      </svg>