github.com/KyaXTeam/consul@v1.4.5/ui/static/loading-cylon-pink.svg (about)

     1  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 14 32 18" width="32" height="4" fill="#d68ab2" preserveAspectRatio="none">
     2    <path opacity="0.8" transform="translate(0 0)" d="M2 14 V18 H6 V14z">
     3      <animateTransform attributeName="transform" type="translate" values="0 0; 24 0; 0 0" dur="2s" begin="0" repeatCount="indefinite" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
     4    </path>
     5    <path opacity="0.5" transform="translate(0 0)" d="M0 14 V18 H8 V14z">
     6      <animateTransform attributeName="transform" type="translate" values="0 0; 24 0; 0 0" dur="2s" begin="0.1s" repeatCount="indefinite" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
     7    </path>
     8    <path opacity="0.25" transform="translate(0 0)" d="M0 14 V18 H8 V14z">
     9      <animateTransform attributeName="transform" type="translate" values="0 0; 24 0; 0 0" dur="2s" begin="0.2s" repeatCount="indefinite" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
    10    </path>
    11  </svg>