# Weather icons - please help why some aren't loaded

**URL:** <https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562>\
**Category:** Dashboard\
**Created:** [19 July 2021 04:05 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562 "2021-07-19T04:05:06Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![Gunner](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gunner/32/43582_2.png) [@Gunner](https://discourse.nodered.org/u/Gunner)\
**Post date:** [19 July 2021 08:29 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/41 "2021-07-19T08:29:29Z")

</div>

I was using this...

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/9/59d66768b78edc1465d0c770df8a5b6a66384ffa.png)

To get this

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/3/034186e78c38e00c00c70ee51289a260e873a9e8.png)

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [19 July 2021 08:30 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/42 "2021-07-19T08:30:57Z")

</div>

Modified a bit to see the payload and the result in one go

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/0/20b9bf1a78997a34c836ce274795f16169cb4d58.png)

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [19 July 2021 08:31 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/43 "2021-07-19T08:31:00Z")

</div>

Yeah, me too. That works.

But there is the _real_ message and when it is received it doesn't show the correct icon.

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [19 July 2021 08:32 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/44 "2021-07-19T08:32:30Z")

</div>

Are you sure that the real payload is same as for your local test case?

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [19 July 2021 08:33 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/45 "2021-07-19T08:33:11Z")

</div>

Thanks @hotNipi .

I did a similar one.

This is my result.

Icons are left to right top to bottom. 14 in all and they match their names.

 ![Screenshot from 2021-07-19 18-31-32](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/8/08d8af8dfd8ce4755c88c0d0850c9993a2e741fa.png)

 ![Screenshot from 2021-07-19 18-31-54](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/e/ee9b184c05ec81173aa7901081ef6c72ef71e868.png)

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [19 July 2021 08:34 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/46 "2021-07-19T08:34:41Z")

</div>

I've posted them both a few times.

This one works.

```auto
{"_msgid":"d047a6b4.50df08","payload":"wi wi-snow","topic":"","colour":"white"}

```

This one doesn't change the icon.

```auto
{"payload":"wi wi-darksky-snow","event":{"clientX":975,"clientY":198,"bbox":[947,225,995,177]},"socketid":"avA216tBMV5ZI5RaAABP","_msgid":"1b1c15b9.df39fa","icon":"<i class=\"fa fa-refresh fa-spin\"></i>","background":"#333333","font":"red","location":{"lon":149.1333,"lat":-36.2333,"city":"Cooma","country":"AU"},"data":{"coord":{"lon":149.1333,"lat":-36.2333},"weather":[{"id":601,"main":"Snow","description":"snow","icon":"13d"}],"base":"stations","main":{"temp":272.02,"feels_like":268.21,"temp_min":272.02,"temp_max":272.02,"pressure":1016,"humidity":100},"visibility":10000,"wind":{"speed":3.09,"deg":30},"snow":{"1h":0.87},"clouds":{"all":100},"dt":1626647713,"sys":{"type":1,"id":9520,"country":"AU","sunrise":1626642594,"sunset":1626678551},"timezone":36000,"id":2170577,"name":"Cooma","cod":200},"time":"2021-07-18T22:35:13.000Z","title":"Current Weather Information","description":"Current weather information at coordinates: -36.2333, 149.1333","base":{"wind":{"light":10,"strong":40}},"_event":"node:1ac83a63.8be8e6","now":1626683657,"colour":"white"}

```

But that's because it has the other weather data in it.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [19 July 2021 08:38 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/47 "2021-07-19T08:38:20Z")

</div>

If you don't mind, post the code you have in those nodes and I will post a similar screen shot.

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [19 July 2021 08:39 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/48 "2021-07-19T08:39:35Z")

</div>

```auto
[{"id":"5f289ce3.7637e4","type":"inject","z":"407e1abc.6d1cb4","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":180,"y":1640,"wires":[["c8e1640e.1203e8"]]},{"id":"c8e1640e.1203e8","type":"change","z":"407e1abc.6d1cb4","name":"Darksky cloudy","rules":[{"t":"set","p":"payload","pt":"msg","to":"<i class=\"wi wi-darksky-cloudy\"></i>","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":360,"y":1640,"wires":[["8a79a988.35e4d8"]]},{"id":"8a79a988.35e4d8","type":"ui_template","z":"407e1abc.6d1cb4","group":"50e5ef3c.86993","name":"","order":1,"width":3,"height":"3","format":"<span>{{msg.payload}}</span>\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":600,"y":1640,"wires":[[]]},{"id":"c3d3fd02.d24fc","type":"inject","z":"407e1abc.6d1cb4","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":180,"y":1690,"wires":[["ebf82944.b8ba18"]]},{"id":"ebf82944.b8ba18","type":"change","z":"407e1abc.6d1cb4","name":"Dark sky rain","rules":[{"t":"set","p":"payload","pt":"msg","to":"<i class=\"wi wi-darksky-rain\"></i>","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":350,"y":1690,"wires":[["9200f8fc.dfec48"]]},{"id":"32ad102b.024d8","type":"change","z":"407e1abc.6d1cb4","name":"Dark sky hail","rules":[{"t":"set","p":"payload","pt":"msg","to":"<i class=\"wi wi-darksky-hail\"></i>","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":350,"y":1740,"wires":[["7a8d85c3.df334c"]]},{"id":"2d3317a8.752b58","type":"inject","z":"407e1abc.6d1cb4","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":180,"y":1740,"wires":[["32ad102b.024d8"]]},{"id":"59bae66b.269f48","type":"inject","z":"407e1abc.6d1cb4","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":180,"y":1790,"wires":[["cee52dad.5d757"]]},{"id":"cee52dad.5d757","type":"change","z":"407e1abc.6d1cb4","name":"Dark sky thunderstorm","rules":[{"t":"set","p":"payload","pt":"msg","to":"<i class=\"wi wi-darksky-thunderstorm\"></i>","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":380,"y":1790,"wires":[["832f36d7.c15028"]]},{"id":"f1201002.7acde","type":"inject","z":"407e1abc.6d1cb4","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":180,"y":1840,"wires":[["d66ee233.a5de8"]]},{"id":"d66ee233.a5de8","type":"change","z":"407e1abc.6d1cb4","name":"Partly cloudy","rules":[{"t":"set","p":"payload","pt":"msg","to":"<i class=\"wi wi-darksky-partly-cloudy-day\"></i>","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":350,"y":1840,"wires":[["3d3e4f89.fbc28"]]},{"id":"677d7c79.c77014","type":"inject","z":"407e1abc.6d1cb4","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":180,"y":1890,"wires":[["2634239a.75ab7c"]]},{"id":"2634239a.75ab7c","type":"change","z":"407e1abc.6d1cb4","name":"Dark sky rain","rules":[{"t":"set","p":"payload","pt":"msg","to":"<i class=\"wi wi-wu-rain\"></i>","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":350,"y":1890,"wires":[["b00bc61c.85b4b8"]]},{"id":"28f757da.d4d718","type":"change","z":"407e1abc.6d1cb4","name":"Sunny day","rules":[{"t":"set","p":"payload","pt":"msg","to":" <i class=\"wi wi-darksky-clear-day\"></i>","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":350,"y":1940,"wires":[["14b81f34.06e801"]]},{"id":"deb5fc29.1fc9b","type":"inject","z":"407e1abc.6d1cb4","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":180,"y":1940,"wires":[["28f757da.d4d718"]]},{"id":"86a3df2e.2aa71","type":"change","z":"407e1abc.6d1cb4","name":"Dark sky fog","rules":[{"t":"set","p":"payload","pt":"msg","to":" <i class=\"wi wi-darksky-fog\"></i>","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":350,"y":1990,"wires":[["bc682431.faf658"]]},{"id":"9e5ca7ac.c54918","type":"inject","z":"407e1abc.6d1cb4","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":180,"y":1990,"wires":[["86a3df2e.2aa71"]]},{"id":"8fedffdc.f424a","type":"change","z":"407e1abc.6d1cb4","name":"Partly cloudy","rules":[{"t":"set","p":"payload","pt":"msg","to":" <i class=\"wi wi-wu-partlycloudy\"></i>","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":350,"y":2040,"wires":[["506145f2.11f41c"]]},{"id":"74c80a0a.389054","type":"inject","z":"407e1abc.6d1cb4","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":180,"y":2040,"wires":[["8fedffdc.f424a"]]},{"id":"ea0d5d0.ba023a","type":"change","z":"407e1abc.6d1cb4","name":"Mostly sunny","rules":[{"t":"set","p":"payload","pt":"msg","to":" <i class=\"wi wi-wu-mostlysunny\"></i>","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":350,"y":2090,"wires":[["a8a2ce89.af0fe"]]},{"id":"4121054f.35117c","type":"inject","z":"407e1abc.6d1cb4","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":180,"y":2090,"wires":[["ea0d5d0.ba023a"]]},{"id":"430f17d5.e6ea48","type":"change","z":"407e1abc.6d1cb4","name":"Partly cloudy","rules":[{"t":"set","p":"payload","pt":"msg","to":" <i class=\"wi wi-wu-partlycloudy\"></i>","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":350,"y":2140,"wires":[["38551f7.89c82e"]]},{"id":"6ad793d.1df4e6c","type":"inject","z":"407e1abc.6d1cb4","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":180,"y":2140,"wires":[["430f17d5.e6ea48"]]},{"id":"c0887a3b.69b3f8","type":"change","z":"407e1abc.6d1cb4","name":"Partly cloudy","rules":[{"t":"set","p":"payload","pt":"msg","to":" <i class=\"wi wi-wu-partlycloudy\"></i>","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":350,"y":2190,"wires":[["97c6a47a.2b1678"]]},{"id":"ea8d56d6.14fe38","type":"inject","z":"407e1abc.6d1cb4","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":180,"y":2190,"wires":[["c0887a3b.69b3f8"]]},{"id":"fc687aac.433868","type":"change","z":"407e1abc.6d1cb4","name":"Partly cloudy","rules":[{"t":"set","p":"payload","pt":"msg","to":" <i class=\"wi wi-day-fog\"></i>","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":350,"y":2240,"wires":[["526b018c.ff11"]]},{"id":"8128f81c.79bf18","type":"inject","z":"407e1abc.6d1cb4","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":180,"y":2240,"wires":[["fc687aac.433868"]]},{"id":"276843ae.d37edc","type":"change","z":"407e1abc.6d1cb4","name":"Partly cloudy","rules":[{"t":"set","p":"payload","pt":"msg","to":" <i class=\"wi wi-snow\"></i>","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":350,"y":2290,"wires":[["f2d4ba6f.0025f8"]]},{"id":"6a0b774a.d21c18","type":"inject","z":"407e1abc.6d1cb4","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":180,"y":2290,"wires":[["276843ae.d37edc"]]},{"id":"9200f8fc.dfec48","type":"ui_template","z":"407e1abc.6d1cb4","group":"50e5ef3c.86993","name":"","order":1,"width":3,"height":"3","format":"<span>{{msg.payload}}</span>\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":600,"y":1700,"wires":[[]]},{"id":"7a8d85c3.df334c","type":"ui_template","z":"407e1abc.6d1cb4","group":"50e5ef3c.86993","name":"","order":1,"width":3,"height":"3","format":"<span>{{msg.payload}}</span>\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":600,"y":1740,"wires":[[]]},{"id":"832f36d7.c15028","type":"ui_template","z":"407e1abc.6d1cb4","group":"50e5ef3c.86993","name":"","order":1,"width":3,"height":"3","format":"<span>{{msg.payload}}</span>\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":600,"y":1780,"wires":[[]]},{"id":"3d3e4f89.fbc28","type":"ui_template","z":"407e1abc.6d1cb4","group":"50e5ef3c.86993","name":"","order":1,"width":3,"height":"3","format":"<span>{{msg.payload}}</span>\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":600,"y":1840,"wires":[[]]},{"id":"b00bc61c.85b4b8","type":"ui_template","z":"407e1abc.6d1cb4","group":"50e5ef3c.86993","name":"","order":1,"width":3,"height":"3","format":"<span>{{msg.payload}}</span>\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":600,"y":1900,"wires":[[]]},{"id":"14b81f34.06e801","type":"ui_template","z":"407e1abc.6d1cb4","group":"50e5ef3c.86993","name":"","order":1,"width":3,"height":"3","format":"<span>{{msg.payload}}</span>\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":600,"y":1940,"wires":[[]]},{"id":"bc682431.faf658","type":"ui_template","z":"407e1abc.6d1cb4","group":"50e5ef3c.86993","name":"","order":1,"width":3,"height":"3","format":"<span>{{msg.payload}}</span>\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":600,"y":1980,"wires":[[]]},{"id":"506145f2.11f41c","type":"ui_template","z":"407e1abc.6d1cb4","group":"50e5ef3c.86993","name":"","order":1,"width":3,"height":"3","format":"<span>{{msg.payload}}</span>\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":600,"y":2040,"wires":[[]]},{"id":"a8a2ce89.af0fe","type":"ui_template","z":"407e1abc.6d1cb4","group":"50e5ef3c.86993","name":"","order":1,"width":3,"height":"3","format":"<span>{{msg.payload}}</span>\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":600,"y":2100,"wires":[[]]},{"id":"38551f7.89c82e","type":"ui_template","z":"407e1abc.6d1cb4","group":"50e5ef3c.86993","name":"","order":1,"width":3,"height":"3","format":"<span>{{msg.payload}}</span>\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":600,"y":2140,"wires":[[]]},{"id":"97c6a47a.2b1678","type":"ui_template","z":"407e1abc.6d1cb4","group":"50e5ef3c.86993","name":"","order":1,"width":3,"height":"3","format":"<span>{{msg.payload}}</span>\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":600,"y":2180,"wires":[[]]},{"id":"526b018c.ff11","type":"ui_template","z":"407e1abc.6d1cb4","group":"50e5ef3c.86993","name":"","order":1,"width":3,"height":"3","format":"<span>{{msg.payload}}</span>\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":600,"y":2240,"wires":[[]]},{"id":"f2d4ba6f.0025f8","type":"ui_template","z":"407e1abc.6d1cb4","group":"50e5ef3c.86993","name":"","order":1,"width":3,"height":"3","format":"<span>{{msg.payload}}</span>\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":600,"y":2300,"wires":[[]]},{"id":"50e5ef3c.86993","type":"ui_group","name":"Group 2","tab":"de0f6b36.132fa8","order":5,"disp":true,"width":"17","collapse":true},{"id":"de0f6b36.132fa8","type":"ui_tab","name":"Weather","icon":"dashboard","order":1,"disabled":false,"hidden":false}]

```

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [19 July 2021 08:43 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/49 "2021-07-19T08:43:10Z")

</div>

Andrew, the one that works you show as `wi wi-snow` and the one that doesn’t is `wi wi-darksky-snow` which is a different name and different sets of icons.

Meanwhile @Gunner was using a third set (the wu set I.e. weatherunderground.

You should try to only use one set of icons so as not confuse yourself/

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [19 July 2021 08:46 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/50 "2021-07-19T08:46:34Z")

</div>

Yeah, I was told that there is no real difference between `wi wi-snow` and `wi wi-darksy-snow`.

I can make it `wi wi-snow` if you want. But that is what it was originally and it doesn't work.

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [19 July 2021 08:48 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/51 "2021-07-19T08:48:18Z")

</div>

You can use which ever you want. I’m just suggesting you only use one to keep things simple.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [19 July 2021 08:51 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/52 "2021-07-19T08:51:07Z")

</div>

Believe me, I do do that.

This is the.... _progression_ of a bad life cycle.

I started of with a _flavour_ (name) and when it stopped working, I used alternative names.  
If they work/ed I moved on.

Though maybe _upgrading_ all previous ones to the newer names may in itself open a can of worms.

When I get it all working, I may do that. But just now it is trying to establish which is the best name/set to use.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [19 July 2021 08:53 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/53 "2021-07-19T08:53:47Z")

</div>

Thanks.

Just the first line with the `<span>{{msg.payload}}</span>` would have sufficed.

But anyway, this is my _test_ icon set.

 ![Screenshot from 2021-07-19 18-51-15](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/7/374403c197755b6e5102b7cf82ed0b62fb89d20d.png)

So as you can see, they all work.  
But I'm not sure if we are missing the question to why it doesn't work when I put the `snow` message into the `template` node when it has the rest of the weather message.

It goes through the node and comes out. No errors. Just the icon isn't changed.

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [19 July 2021 09:02 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/54 "2021-07-19T09:02:35Z")

</div>

For sure we are on different platforms and different browsers so there is things what can cause differences. Cos as I see you have `wi wi-snow` in those conditions.

Thing you haven't shown yet is the actual case inspected with developer tools like I did in [post 9](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/9)

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [19 July 2021 09:05 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/55 "2021-07-19T09:05:12Z")

</div>

Sorry... I am really REALLY new to those things.

I can't just use them.

I will try to do it, but as another thought: I will load another browser and see what happens with it as an _apples with apples_ case.

More coming soon.

# Ok...

Different browser... Same.

Developer tools....

I'm not sure it is going to help, as that shows what's on the screen - yes?

 ![Screenshot from 2021-07-19 19-07-16](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/0/e0b834a4179031e4d0102e139c1daece3b4764a2.png)

I clicked on the icon which should have changed, but it hasn't / didn't... So I am not sure what it is telling you.

To be clear: I clicked on the right side of the screen on the part which shows the moon behind clouds.

But that is what the weather is in real time.  
I clicked the `inject` node that injects the message with `snow` in it, and it comes out the other side of the node... Just the icon isn't changed.

Sorry, but you may need me to click / select other things in the middle and right of the developer tools window.

But as I said: The icon isn't changed, so I am at a loss how this is helpful.

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [19 July 2021 09:14 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/56 "2021-07-19T09:14:26Z")

</div>

> [@Gunner](#):
>
> I suspect there are much fewer functional built-in icons then is indicated by this chart

Not quite sure what you mean by that comment...  
**All** of those shown should be functional, but if not, these please let me know...

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [19 July 2021 09:16 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/57 "2021-07-19T09:16:01Z")

</div>

It is a _shame_ I can't drag select stuff from the left side of the `developer tools` window and past them here.

I can't work out how to.

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [19 July 2021 09:17 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/58 "2021-07-19T09:17:07Z")

</div>

> [@Paul-Reed](#):
>
> **All** of those shown should be functional

I'm sure it goes for wi-wu-snow but not for wi-snow. Cos for me it is what the mapping says.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [19 July 2021 09:19 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/59 "2021-07-19T09:19:19Z")

</div>

This may be a _better_ screen shot.

 ![Screenshot from 2021-07-19 19-18-01](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/5/a5df7efd07cc94d526b44463aa115c3bc5c1e3b2.png)

Just so there is no confusion.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [19 July 2021 09:32 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/60 "2021-07-19T09:32:02Z")

</div>

# Time out!

Only because it was really getting to me, I changed the location to somewhere which will be getting more snow.

Changed the place, ran the code, got `snow` and the icon works.

Sorry.

Dunno what is going on.

## CASE CLOSED.

It isn't fair to continue now the flow/code is behaving itself.

Sorry folks.  
And thanks to all anyway.

[Previous page](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562.md?page=2)

[Next page](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562.md?page=4)