infinity-time-check.svg

<svg viewBox="0 0 8 8" xmlns="http://www.w3.org/2000/svg" style="background: #000;">
  <rect width="8" height="8" fill="#000" />

  <g
    fill="transparent"
    transform="translate(4, 4)"
  >
    <use href="#check" transform="rotate(135)" stroke="hsl(0,0%,9%)" stroke-width="0.1">
      <animateTransform attributeName="transform" type="rotate" from="135" to="495" dur="604800s" repeatCount="indefinite" />
    </use>
    <use href="#check" transform="rotate(90)" stroke="hsl(0,0%,39%)" stroke-width="0.08">
      <animateTransform attributeName="transform" type="rotate" from="90" to="450" dur="86400s" repeatCount="indefinite" />
    </use>
    <use href="#check" transform="rotate(45)" stroke="hsl(0,0%,69%)" stroke-width="0.06">
      <animateTransform attributeName="transform" type="rotate" from="45" to="405" dur="3600s" repeatCount="indefinite" />
    </use>
    <use href="#check" stroke="hsl(0,0%,100%)" stroke-width="0.04">
      <animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="60s" repeatCount="indefinite" />
    </use>
  </g>

  <defs>
    <path id="drop" d="M 1 0
      A 1 1, 0, 1, 1, 0 1
      L 0 0 Z"
    />

    <g id="infinity" transform="rotate(-45)">
      <use href="#drop" />
      <use href="#drop" transform="rotate(180)" />
    </g>

    <g id="check">
      <use href="#infinity" transform="rotate(135)" />
      <use href="#infinity" transform="rotate(90)" />
      <use href="#infinity" transform="rotate(45)" />
      <use href="#infinity" />
    </g>
  </defs>
</svg>