Problem with the addition icons

I have a problem with icons if more than two, simplicity shows the second.
Example: 
&#60;canvas id="fog" width="64" height="64"&#62;
&#60;/canvas&#62;
&#60;canvas id="fog" width="64" height="64"&#62;
&#60;/canvas&#62;

&#60;script src="skycons.js"&#62;&#60;/script&#62;

  &#60;script&#62;
      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.