<svg width='160px' height='160px' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-balls"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><g transform="rotate(0 50 50)">
  <circle r="8" cx="30" cy="50">
    <animateTransform attributeName="transform" type="translate" begin="0s" repeatCount="indefinite" dur="1s" values="0 0;40 -2.4492935982947065e-15" keyTimes="0;1"/>
    <animate attributeName="fill" dur="1s" begin="0s" repeatCount="indefinite"  keyTimes="0;1" values="#fff;#999"/>
  </circle>
</g><g transform="rotate(180 50 50)">
  <circle r="8" cx="30" cy="50">
    <animateTransform attributeName="transform" type="translate" begin="0s" repeatCount="indefinite" dur="1s" values="0 0;40 -2.4492935982947065e-15" keyTimes="0;1"/>
    <animate attributeName="fill" dur="1s" begin="0s" repeatCount="indefinite"  keyTimes="0;1" values="#999;#fff"/>
  </circle>
</g></svg>