orbit-color-light.svg

<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg">
 <g>
  <circle
    id="star"
    fill="#F47421"
    r="25"
    cy="250"
    cx="250"
    >
    <animate attributeName="r" begin="0s" dur="2.5s" repeatCount="indefinite" from="20" to="250"/>
    <animate attributeName="opacity" begin="0s" dur="2.5s" repeatCount="indefinite" from=".1" to="0"/>
    </circle>
  <circle
    id="star"
    fill="#F47421"
    r="25"
    cy="250"
    cx="250"
    >
    </circle>
 </g>
 <g>
  <circle
    id="orbit_1"
    fill-opacity="0"
    stroke-width="3"
    stroke-opacity=".1"
    stroke="#231f20"
    r="65"
    cy="250"
    cx="250"
    />
  <circle
    id="planet_2"
    fill="#DCBC00"
    r="8"
    cy="204.038059223"
    cx="295.961940777"
    >
    <animateTransform
      attributeName="transform"
      type="rotate"
      from="0 250 250"
      to="360 250 250"
      dur="2.5s"
      repeatCount="indefinite" />
    </circle>
 </g>
 <g>
  <circle
    id="orbit_2"
    fill-opacity="0"
    stroke-width="4"
    stroke-opacity=".1"
    stroke="#231f20"
    r="115"
    cy="250"
    cx="250"
    />
  <circle
    id="planet-2"
    fill="#CB2E27"
    r="10"
    cy="190.892477561"
    cx="151.352644277"
    >
    <animateTransform
      attributeName="transform"
      type="rotate"
      from="0 250 250"
      to="360 250 250"
      dur="7.5s"
      repeatCount="indefinite" />
    </circle>
 </g>
 <g>
  <path
    d="M25,250a225,225 0 1,0 450,0a225,225 0 1,0 -450,0"
    id="orbit_3"
    stroke-opacity="0"
    fill-opacity="0"
    stroke-width="5"
    stroke="#CB2E27"
    ></path>
  <circle
    id="orbit_3"
    fill-opacity="0"
    stroke-width="5"
    stroke-opacity=".1"
    stroke="#231f20"
    r="225"
    cy="250"
    cx="250"
    />
  <circle
    id="planet_3"
    fill="#0C6471"
    r="14"
    cy="470.939238035"
    cx="292.554119619"
    >
    <animateTransform
      attributeName="transform"
      type="rotate"
      from="0 250 250"
      to="360 250 250"
      dur="10.5s"
      repeatCount="indefinite" />
    </circle>
 </g>
</svg>