# 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:** 2

<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 07:34 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/21 "2021-07-19T07:34:58Z")

</div>

This is a picture time line of things.

 ![Screenshot from 2021-07-19 17-28-21](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/3/93d6c173279f973e6097bbf52b8a57768f3c09fa.png)

![Screenshot from 2021-07-19 17-28-26](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/b/fb2376b02555bf949c9635de2df4e1635054bd5d.png)

Good.

 ![Screenshot from 2021-07-19 17-28-39](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/e/4e675f5c3efac69a0630148c718dbcf42391dc80.png)

![Screenshot from 2021-07-19 17-28-43](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/9/5965dc4ef46ba9df2a33786b9400450f19a0345d.png)

Icon not changed.

Test injection:

 ![Screenshot from 2021-07-19 17-29-00](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/8/1856771a3437500273cdabb9aebc14a2dbcf8301.png)

![Screenshot from 2021-07-19 17-29-03](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/2/d2f08ae29210fab847a8b1ab59d917ce333f176e.png)

So it shows it can work... But doesn't.

I've posted the messages but can again if you want.

---

<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 07:36 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/22 "2021-07-19T07:36:12Z")

</div>

> <https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md>

There is no `wi-snow` for weather-icons-lite. You can't see it. ( you can use `wi-darksky-snow`)

But it definitely exists for weather icons:  
[https://erikflowers.github.io/weather-icons/](https://erikflowers.github.io/weather-icons/)

---

<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 07:37 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/23 "2021-07-19T07:37:19Z")

</div>

> [@hotNipi](#):
>
> ( you can use `wi-darksky-snow` )

I was just going to suggest that... but what a strange icon

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/f/4f847e3395f02fbef863287b0c01153ff6f0c231.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 07:39 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/24 "2021-07-19T07:39:09Z")

</div>

`wi-wu-snow` works actually.

---

<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 07:41 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/25 "2021-07-19T07:41:03Z")

</div>

again: thanks both.

But I am still not getting why in that small bit of code I just posted it **CAN** inject `wi wi-snow` and it is shown.

True it is a simple message, but the `msg.payload` is `wi wi-snow`.

If that is sent/pressed: the correct icon is shown.

But when it arrives in a bigger message it doesn't work.

---

<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 07:43 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/26 "2021-07-19T07:43:36Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/8/98aa06d8de0320e4248f2286ddf028a55ea74215.png)

Do inspect that icon and see what is the actual thing which produces the icon. It will be interesting to see. Cos it cant be `wi-snow` with `weather-icons-lite`. It just does not exist.

---

<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 07:52 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/27 "2021-07-19T07:52:12Z")

</div>

Well, this code puts the icon on the screen.

```auto
[{"id":"5f942384.546724","type":"inject","z":"ae12fd.00ef75","name":"Snow","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"wi wi-snow","payloadType":"str","x":1240,"y":1800,"wires":[["6a03d7e5.10e1d"]]},{"id":"6a03d7e5.10e1d","type":"function","z":"ae12fd.00ef75","name":"Set colour","func":"if (msg.colour == undefined)\n{\n msg.colour = \"white\";\n}\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":1180,"y":1860,"wires":[["822a0d23.fec4d8"]]},{"id":"822a0d23.fec4d8","type":"ui_template","z":"ae12fd.00ef75","group":"360d5537.210baa","name":"","order":7,"width":3,"height":2,"format":"<div style=\"display: flex;height: 100%;justify-content: center;align-items: center;\">\n <i style=\"color:{{msg.colour}};\" class=\"{{msg.payload}} fa-4x\"></i>\n</div>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":1330,"y":1860,"wires":[["97541b.27e9ebe8"]]},{"id":"97541b.27e9ebe8","type":"debug","z":"ae12fd.00ef75","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","x":1470,"y":1860,"wires":[]},{"id":"360d5537.210baa","type":"ui_group","name":"Cooma weather","tab":"de0f6b36.132fa8","order":4,"disp":true,"width":"8","collapse":false},{"id":"de0f6b36.132fa8","type":"ui_tab","name":"Weather","icon":"dashboard","order":17,"disabled":false,"hidden":false}]

```

I see there are two icons with that name.

 ![Screenshot from 2021-07-19 17-47-16](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/c/9c133fe7524d2002e5fa4372e6095aab8b77b0e0.png)

You can clearly see the `inject` node and it injects `wi wi-snow` as the payload.

So I am still not getting why it works if everything else you saying is correct.  
Not having a go at you, but stating what is.

---

<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 07:56 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/28 "2021-07-19T07:56:00Z")

</div>

> [@Trying\_to\_learn](#):
>
> To repeat: In this flow.... if I click the `inject` node and it sends `wi wi-snow` I see the snow icon.
> 
> This works:

> [@Trying\_to\_learn](#):
>
> True it is a simple message, but the `msg.payload` is `wi wi-snow` .
> 
> If that is sent/pressed: the correct icon is shown.

To be honest... it doesn't work for me... but the `wi wi-darksky-clear-night` one does.

Now I haven't installed anything weather icon related, so I suspect that is what **hotNipi** is referring to (built in icons only)

Now as to why you see it... sometimes... does sound like a possible conflict of installed fonts to my uneducated guess.

---

<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:00 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/29 "2021-07-19T08:00:14Z")

</div>

There may be some strange conflicts. Who knows. I cant see it can work. It is not meant to work this way. And even if somehow happened - is not reliable thing.

---

<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:00 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/30 "2021-07-19T08:00:31Z")

</div>

No it isn't working _sometimes_....

My subflow never had stuff to deal with `snow`.

So when it became used, I just added a few nodes to create the message to send `wi wi-snow` as the payload.  
Yes, there is more stuff there. As there is with other messages.

So I see the message coming out of the `template` node with the correct payload.

But it isn't displayed.

## BUT

If I inject a simple message with the icon name as the payload: it works.

That is what is getting me.

It works if I _force_ it, but not when I use it in the code I otherwise wrote.

---

<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:01 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/31 "2021-07-19T08:01:23Z")

</div>

> [@Trying\_to\_learn](#):
>
> No it isn't working _sometimes_ ....

> [@Trying\_to\_learn](#):
>
> If I inject a simple message with the icon name as the payload: it works.

That is what I meant by "sometimes"... but I used your test flow and no worky for snow

---

<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:01 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/32 "2021-07-19T08:01:50Z")

</div>

Ok. That's weird.

---

<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:03 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/33 "2021-07-19T08:03:04Z")

</div>

And trust me... over here in Canaderp, we know snow 🥶

---

<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:04 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/34 "2021-07-19T08:04:23Z")

</div>

Do you have/use `openweathermap` (node)?

---

<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:07 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/35 "2021-07-19T08:07:52Z")

</div>

Not that I am aware of... I haven't gone down the weather mapping path with NR yet.

And to add to the confusion that strange square icon I showed before comes up more often than not when I try other icon choices in your test flow.

---

<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:08 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/36 "2021-07-19T08:08:32Z")

</div>

Curiouser and curiouser.

---

<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:11 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/37 "2021-07-19T08:11:56Z")

</div>

I suspect there are much fewer functional built-in icons then is indicated by this chart...

- [weather-icons-lite/css\_mappings.md at master · Paul-Reed/weather-icons-lite · GitHub](https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md)

But so far I am just copy/pasting one at a time into your test flow.

---

<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:15 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/38 "2021-07-19T08:15:31Z")

</div>

Well, try this one

This is a lot of test nodes with the different icons.  
(I hope)

```auto
[{"id":"d900fdc4.ff69f","type":"inject","z":"ae12fd.00ef75","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":4110,"y":2620,"wires":[["65b855d4.f5774c"]]},{"id":"65b855d4.f5774c","type":"change","z":"ae12fd.00ef75","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":4290,"y":2620,"wires":[["a1d336ee.fb167"]]},{"id":"a1d336ee.fb167","type":"ui_template","z":"ae12fd.00ef75","group":"f12f8b07.cf9fc8","name":"","order":1,"width":3,"height":2,"format":"\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":4520,"y":2620,"wires":[[]]},{"id":"52d8aecd.d90e5","type":"inject","z":"ae12fd.00ef75","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":4110,"y":2670,"wires":[["1b3193d1.c622f4"]]},{"id":"1b3193d1.c622f4","type":"change","z":"ae12fd.00ef75","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":4280,"y":2670,"wires":[["31c4373c.5c74c"]]},{"id":"31c4373c.5c74c","type":"ui_template","z":"ae12fd.00ef75","group":"f12f8b07.cf9fc8","name":"","order":2,"width":3,"height":2,"format":"\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":4520,"y":2670,"wires":[[]]},{"id":"4b4b23fa.54398c","type":"change","z":"ae12fd.00ef75","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":4280,"y":2720,"wires":[["ab571fe4.5acde"]]},{"id":"fa097831.8ee83","type":"inject","z":"ae12fd.00ef75","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":4110,"y":2720,"wires":[["4b4b23fa.54398c"]]},{"id":"ab571fe4.5acde","type":"ui_template","z":"ae12fd.00ef75","group":"f12f8b07.cf9fc8","name":"","order":3,"width":3,"height":2,"format":"\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":4520,"y":2720,"wires":[[]]},{"id":"e6c59b22.72f1a8","type":"inject","z":"ae12fd.00ef75","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":4110,"y":2770,"wires":[["577c49c8.14587"]]},{"id":"577c49c8.14587","type":"change","z":"ae12fd.00ef75","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":4310,"y":2770,"wires":[["4e5d28d1.3ca3"]]},{"id":"4e5d28d1.3ca3","type":"ui_template","z":"ae12fd.00ef75","group":"f12f8b07.cf9fc8","name":"","order":4,"width":3,"height":2,"format":"\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":4520,"y":2770,"wires":[[]]},{"id":"193fdf95.180098","type":"inject","z":"ae12fd.00ef75","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":4110,"y":2820,"wires":[["336d671c.c7361"]]},{"id":"336d671c.c7361","type":"change","z":"ae12fd.00ef75","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":4280,"y":2820,"wires":[["e711eb1f.db1e4"]]},{"id":"e711eb1f.db1e4","type":"ui_template","z":"ae12fd.00ef75","group":"f12f8b07.cf9fc8","name":"","order":10,"width":3,"height":2,"format":"\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":4520,"y":2820,"wires":[[]]},{"id":"2350a979.e1732e","type":"inject","z":"ae12fd.00ef75","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":4110,"y":2870,"wires":[["ac2bfbd6.7bb57"]]},{"id":"ac2bfbd6.7bb57","type":"change","z":"ae12fd.00ef75","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":4280,"y":2870,"wires":[["36eccbf.420a734"]]},{"id":"36eccbf.420a734","type":"ui_template","z":"ae12fd.00ef75","group":"f12f8b07.cf9fc8","name":"","order":13,"width":3,"height":2,"format":"\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":4520,"y":2870,"wires":[[]]},{"id":"25655646.36ec4a","type":"change","z":"ae12fd.00ef75","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":4280,"y":2920,"wires":[["69369800.132a6"]]},{"id":"f0b7695e.a19d9","type":"inject","z":"ae12fd.00ef75","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":4110,"y":2920,"wires":[["25655646.36ec4a"]]},{"id":"69369800.132a6","type":"ui_template","z":"ae12fd.00ef75","group":"f12f8b07.cf9fc8","name":"","order":5,"width":3,"height":2,"format":"\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":4520,"y":2920,"wires":[[]]},{"id":"a944f487.ed18d","type":"change","z":"ae12fd.00ef75","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":4280,"y":2970,"wires":[["d38bf701.6f17e"]]},{"id":"40eb07cd.5a9048","type":"inject","z":"ae12fd.00ef75","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":4110,"y":2970,"wires":[["a944f487.ed18d"]]},{"id":"d38bf701.6f17e","type":"ui_template","z":"ae12fd.00ef75","group":"f12f8b07.cf9fc8","name":"","order":14,"width":3,"height":2,"format":"\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":4520,"y":2970,"wires":[[]]},{"id":"7d359096.ae471","type":"change","z":"ae12fd.00ef75","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":4280,"y":3020,"wires":[["f05446ac.bb8748"]]},{"id":"2959a33f.c37244","type":"inject","z":"ae12fd.00ef75","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":4110,"y":3020,"wires":[["7d359096.ae471"]]},{"id":"f05446ac.bb8748","type":"ui_template","z":"ae12fd.00ef75","group":"f12f8b07.cf9fc8","name":"","order":15,"width":3,"height":2,"format":"\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":4520,"y":3020,"wires":[[]]},{"id":"e8d57119.b1192","type":"change","z":"ae12fd.00ef75","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":4280,"y":3070,"wires":[["56bf9666.67a1d8"]]},{"id":"56bf9666.67a1d8","type":"ui_template","z":"ae12fd.00ef75","group":"f12f8b07.cf9fc8","name":"","order":19,"width":3,"height":2,"format":"\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":4520,"y":3070,"wires":[[]]},{"id":"f7c712a2.4c9ff8","type":"inject","z":"ae12fd.00ef75","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":4110,"y":3070,"wires":[["e8d57119.b1192"]]},{"id":"7e5a3eb6.91724","type":"change","z":"ae12fd.00ef75","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":4280,"y":3120,"wires":[["34b640a5.31af68"]]},{"id":"34b640a5.31af68","type":"ui_template","z":"ae12fd.00ef75","group":"f12f8b07.cf9fc8","name":"","order":20,"width":3,"height":2,"format":"\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":4520,"y":3120,"wires":[[]]},{"id":"515c5cd2.482dfc","type":"inject","z":"ae12fd.00ef75","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":4110,"y":3120,"wires":[["7e5a3eb6.91724"]]},{"id":"6b1b8ed0.76cfb8","type":"change","z":"ae12fd.00ef75","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":4280,"y":3170,"wires":[["b19c5252.5ce84"]]},{"id":"b19c5252.5ce84","type":"ui_template","z":"ae12fd.00ef75","group":"f12f8b07.cf9fc8","name":"","order":24,"width":3,"height":2,"format":"\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":4520,"y":3170,"wires":[[]]},{"id":"efcdf6ea.c63b2","type":"inject","z":"ae12fd.00ef75","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":4110,"y":3170,"wires":[["6b1b8ed0.76cfb8"]]},{"id":"dcfa891.a52bb78","type":"change","z":"ae12fd.00ef75","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":4280,"y":3220,"wires":[["ba662f9f.e3fa1"]]},{"id":"ba662f9f.e3fa1","type":"ui_template","z":"ae12fd.00ef75","group":"f12f8b07.cf9fc8","name":"","order":24,"width":3,"height":2,"format":"\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":4520,"y":3220,"wires":[[]]},{"id":"f44cc964.6206e8","type":"inject","z":"ae12fd.00ef75","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":4110,"y":3220,"wires":[["dcfa891.a52bb78"]]},{"id":"b7ed334a.59dd7","type":"change","z":"ae12fd.00ef75","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":4280,"y":3270,"wires":[["18076078.ac203"]]},{"id":"18076078.ac203","type":"ui_template","z":"ae12fd.00ef75","group":"f12f8b07.cf9fc8","name":"","order":24,"width":3,"height":2,"format":"\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":4520,"y":3270,"wires":[[]]},{"id":"7e69f279.42c9d4","type":"inject","z":"ae12fd.00ef75","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":4110,"y":3270,"wires":[["b7ed334a.59dd7"]]},{"id":"f12f8b07.cf9fc8","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":18,"disabled":false,"hidden":false}]

```

Do you get all icons showing with this?

---

<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:17 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/39 "2021-07-19T08:17:36Z")

</div>

OK... ID10T error... I was copying/pasting the name, but without the `wi ` in front 😊

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/f/1f2e1b580b536d3c5e9b3f3037e170a01de80c84.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:20 UTC](https://discourse.nodered.org/t/weather-icons-please-help-why-some-arent-loaded/48562/40 "2021-07-19T08:20:32Z")

</div>

Yeah, _been there.... done that_ a few times.

I got caught earlier as I have ` wi wi-snow` (ARGH! Sorry, can't show it) but there was a leading space in that.

But that wasn't the problem either. ☹

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

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