<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='#222222'></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='#affec7'></circle>
  <circle cx='56' cy='24' r='8' id='f_low' fill='#888888'></circle>
  <circle cx='72' cy='24' r='8' id='f_inv' fill='#000000'></circle>
  <!-- Background -->
  <circle cx='24' cy='40' r='8' id='b_high' fill='#555555'></circle>
  <circle cx='40' cy='40' r='8' id='b_med' fill='#333333'></circle>
  <circle cx='56' cy='40' r='8' id='b_low' fill='#111111'></circle>
  <circle cx='72' cy='40' r='8' id='b_inv' fill='#affec7'></circle>
</svg>