Problem with the addition icons

I have a problem with icons if more than two, simplicity shows the second.
Example: 

<canvas id="fog" width="64" height="64">
</canvas>
<canvas id="fog" width="64" height="64">
</canvas>
script src="skycons.js"></script>

  <script>
      var icons = new Skycons();

      icons.set("clear-day", Skycons.CLEAR_DAY);
      icons.set("clear-night", Skycons.CLEAR_NIGHT);
      icons.set("partly-cloudy-day", Skycons.PARTLY_CLOUDY_DAY);
      icons.set("partly-cloudy-night", Skycons.PARTLY_CLOUDY_NIGHT);
      icons.set("cloudy", Skycons.CLOUDY);
      icons.set("rain", Skycons.RAIN);
      icons.set("sleet", Skycons.SLEET);
      icons.set("snow", Skycons.SNOW);
      icons.set("wind", Skycons.WIND);
      icons.set("fog", Skycons.FOG);

      icons.play();
    </script>
Any suggestion? How to show more of one icons with same name.