I thought I had it down pat, but it isn't working. msg.payload comes in with a value. 0 - 360. (Direction.) Depending on the direction, it sets the arrow pointing to that corner. The node.warn works, but the icon isn't getting through for reasons unknown. [{"id":"d3f4d577.4a2e7","type":"funct…

[image] Weather Icons - 222 font icons inspired by Font Awesome and designed for... And you are missing the class wi <i class="wi wi-night-alt-cloudy"></i>

The set of material-design icons what is included to dashboard is not full set. Let's call it the offline set. If you are using your setup with internet connection available, you can include more like this: [{"id":"1f979a65.0feef6","type":"ui_text","z":"e84eac3f.4c039","group":"93fae10c.09faa","or…

Sorry, but I am stuck again. Similar problem and I don't know what I need to do. I want to use icons from here: Paul-Reed/weather-icons-lite/blob/master/css_mappings.md # Weather CSS Mapping | Wunderground | Darksky |…

Um, dumb question, but that isn't working and I was wanting to use more than the flurries one. More like the night versions to be different for the day ones.

Ah ok. To get full set of weather-icons [{"id":"958b98d7.3bc0f8","type":"ui_text","z":"9038de34.04db3","group":"93fae10c.09faa","order":4,"width":"3","height":1,"name":"","label":"WEATHER","format":"{{msg.payload}}","layout":"row-left","x":490,"y":440,"wires":[]},{"id":"6be9676a.1ca8a8","type":"ui_…

But as I see you trying to show wind direction, it can be done with weather-icons-wind with much nicer graphics and with much less coding. And you may get rid of full set of mateial-icons if you like. [{"id":"958b98d7.3bc0f8","type":"ui_text","z":"9038de34.04db3","group":"93fae10c.09faa","order":4…

(I've only just got up and had breakfast) Yeah, thanks. The wind direction bit is "work in progress". I'm not sure I need/want such accuracy. This next bit throws a spanner in the works. Ok you have given me the link, but that doesn't show me their individual names. So.... I went off searchi…

[image] Trying_to_learn: The wind direction bit is "work in progress". I'm not sure I need/want such accuracy. You have no need to do it. There is node for that. node-red-contrib-compass (node) - Node-RED [{"id":"d70e1410.23ec78","type":"function","z":"9038de34.04db3","name":"","func":"\nmsg…

I haven't got that far yet. I am having fun with the weather and mixing the cloud and wind parts now. I just put the wind thing in at that time as a case of an exercise. But thanks.

Node-RED

Node-RED Forum

Help with icon in `text` node

Dashboard

hotNipi 31 October 2020 20:39 9

And you are missing the class wi

<i class="wi wi-night-alt-cloudy"></i>

1 Like

Topic		Replies	Views
Return html / fa icon code in a function Dashboard	47	2704	29 December 2020
Weather icons - please help why some aren't loaded Dashboard	62	2808	2 August 2021
Openweatheremap node - help with icons and use Dashboard	10	1508	30 November 2020
Weather-icons in dashboard Dashboard	6	767	5 February 2025
How to add custom icon(from url) in world map for node-red General	13	4709	3 June 2020

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Help with icon in `text` node

Related topics