Skycons in react
<p>I've made a <em>mandatory</em> weather app in react, and im struggling with some icons. I'm using <a href="https://darkskyapp.github.io/skycons/" rel="nofollow">Skycons</a>, but I can't get them to show up in my application. I can see in the dev tool that the icon and the path is correct, but its just plain blank where it's supposed to be.</p>

<p>HTML is:</p>

<pre><code>&lt;body&gt;
  &lt;div id="app"&gt;&lt;/div&gt;
  &lt;script src="skycons.js"&gt;&lt;/script&gt;

  &lt;script&gt;
    var icons = new Skycons(),
        list  = [
          "clear-day", "clear-night", "partly-cloudy-day",
          "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
          "fog"
        ],
        i;

    for(i = list.length; i--; )
      icons.set(list[i], list[i]);

    icons.play();
  &lt;/script&gt;
&lt;/body&gt;
</code></pre>

<p>and in my React app I call the icon like this</p>

<pre><code>&lt;div className="col-md-3"&gt;&lt;canvas id={day.icon} width="64" height="64"&gt;
</code></pre>

<p>I get no console errors, so im having a hard time to debug</p>