<svg width="96px" height="64px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
  <rect width='96' height='64'  id='background' fill='#000000'></rect>
  <!-- Foreground -->
  <circle cx='24' cy='24' r='8' id='f_high' fill='#ffffff'></circle>
  <circle cx='40' cy='24' r='8' id='f_med' fill='#fff1e8'></circle>
  <circle cx='56' cy='24' r='8' id='f_low' fill='#ff78a9'></circle>
  <circle cx='72' cy='24' r='8' id='f_inv' fill='#ffffff'></circle>
  <!-- Background -->
  <circle cx='24' cy='40' r='8' id='b_high' fill='#c2c3c7'></circle>
  <circle cx='40' cy='40' r='8' id='b_med' fill='#83769c'></circle>
  <circle cx='56' cy='40' r='8' id='b_low' fill='#695f56'></circle>
  <circle cx='72' cy='40' r='8' id='b_inv' fill='#00aefe'></circle>
</svg>