Suggestion for which icons to use

That looks nice, but I fear that is the new flavour of MD icons.

I haven't got into them yet.
Do I have to download and install them before I can use them?

That's an interesting spin on it.

Thanks.

It is to control a fan for cooling a RasPi.

Not a big deal, but for the sake of going through the motions, and setting up a control system for it.... Manual and Automatic.

I need an icon to clearly indicate the mode.

Maybe man or hand for manual. And Pi (raspberry) for automatic (pi in control)

Yeah, that's a good idea.

I may go with that to not drag this on too long.
Thanks.

If you put this in a template added to head section you can use thousands of iconify icons then.

<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>

Then in switch node use custom icons set to iconify-mdi:fan-auto and iconify-mdi:fan
Browse icons at iconify

The only problem I can see with that is that it may mess up another CSS node I have throughout my flows....

I'll give it a go though. I can't really brake it. :wink:

Shouldn't have any effect on other css - you can use any of their icons anywhere then.

Well, I'll put my hand up and say I am not understanding it.

This is what I have to test it.

[{"id":"78f2417.762734","type":"ui_template","z":"10dda891.0445cf","group":"36fc3c65.975c2c","name":"Text formatting","order":10,"width":0,"height":0,"format":"    <style>\n    .nr-dashboard-cardtitle {\n        text-align:center;\n    }\n</style>\n<script src=\"https://code.iconify.design/1/1.0.7/iconify.min.js\"></script>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":false,"templateScope":"local","x":800,"y":1000,"wires":[[]]},{"id":"92ec5abce914627f","type":"inject","z":"10dda891.0445cf","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":870,"y":1100,"wires":[["e0adcc89cefe6d14"]]},{"id":"e0adcc89cefe6d14","type":"change","z":"10dda891.0445cf","name":"","rules":[{"t":"set","p":"text","pt":"msg","to":"M","tot":"str"},{"t":"set","p":"colour","pt":"msg","to":"green","tot":"str"},{"t":"set","p":"fontclr","pt":"msg","to":"black","tot":"str"},{"t":"set","p":"icon","pt":"msg","to":"iconify-mdi:fan","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1025,"y":1100,"wires":[["2bf75e75a7836940"]],"l":false},{"id":"2bf75e75a7836940","type":"ui_template","z":"10dda891.0445cf","group":"32e5d991.ba0e26","name":"FanMode","order":2,"width":"2","height":"1","format":"<div id=\"GButtonM_FanMode\">\n    <md-button style=\"background-color:{{msg.colour}}; color:{{msg.fontclr}}\" class=\"{{msg.icon}} bold \">\n    </md-button>\n</div>","storeOutMessages":true,"fwdInMessages":false,"resendOnRefresh":true,"templateScope":"local","x":1160,"y":1070,"wires":[[]]},{"id":"36fc3c65.975c2c","type":"ui_group","name":"Adjustments","tab":"72e19677.786938","order":3,"disp":true,"width":"8","collapse":false},{"id":"32e5d991.ba0e26","type":"ui_group","name":"Fan control","tab":"72e19677.786938","order":2,"disp":true,"width":"6","collapse":false},{"id":"72e19677.786938","type":"ui_tab","name":"Fan control","icon":"fa-thermometer-half","order":11,"disabled":false,"hidden":false}]

Not working. :frowning:
All I see is a small green rectangle.

Please understand the village from where I come don't want their idiot back.
:wink:

Put this in a new template on its own and add to site header

image

You don't need a template to use the icons, you can just put the names into a normal switch config like this...

Sorry, but....

[{"id":"6979f5841ed2ce16","type":"ui_template","z":"10dda891.0445cf","group":"9d94622b.1f02e","name":"","order":6,"width":0,"height":0,"format":"<script src=\"https://code.iconify.design/1/1.0.7/iconify.min.js\"></script>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"global","x":870,"y":1000,"wires":[[]]},{"id":"92ec5abce914627f","type":"inject","z":"10dda891.0445cf","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":870,"y":1100,"wires":[["e0adcc89cefe6d14"]]},{"id":"e0adcc89cefe6d14","type":"change","z":"10dda891.0445cf","name":"","rules":[{"t":"set","p":"text","pt":"msg","to":"M","tot":"str"},{"t":"set","p":"colour","pt":"msg","to":"green","tot":"str"},{"t":"set","p":"fontclr","pt":"msg","to":"black","tot":"str"},{"t":"set","p":"icon","pt":"msg","to":"iconify-mdi:fan","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1025,"y":1100,"wires":[["2bf75e75a7836940"]],"l":false},{"id":"2bf75e75a7836940","type":"ui_template","z":"10dda891.0445cf","group":"32e5d991.ba0e26","name":"FanMode","order":2,"width":"2","height":"1","format":"<div id=\"GButtonM_FanMode\">\n    <md-button style=\"background-color:{{msg.colour}}; color:{{msg.fontclr}}\" class=\"{{msg.icon}} bold \">\n    </md-button>\n</div>","storeOutMessages":true,"fwdInMessages":false,"resendOnRefresh":true,"templateScope":"local","x":1170,"y":1170,"wires":[[]]},{"id":"9d94622b.1f02e","type":"ui_group","name":"Local Telemetry","tab":"4b7ee1607e13459c","order":1,"disp":true,"width":"7","collapse":false},{"id":"32e5d991.ba0e26","type":"ui_group","name":"Fan control","tab":"72e19677.786938","order":2,"disp":true,"width":"6","collapse":false},{"id":"4b7ee1607e13459c","type":"ui_tab","name":"Telemetry","icon":"track_changes","order":1,"disabled":false,"hidden":false},{"id":"72e19677.786938","type":"ui_tab","name":"Fan control","icon":"fa-thermometer-half","order":11,"disabled":false,"hidden":false}]

Set set as you said.

I still only see the green rectangle.

I don't know why, but that never entered my mind.

I'll give that a go.

example in use -

Sorry, but I see it, but can't get my head around it.

I configure the switch node - but I can't quite make out all the text in the screen shot - what do I send into the switch node to select the icon/get them showing?

ON/OFF, true/false?

Click on the image and it will zoom in.

Hang on.... Is this the node that sends the message?

Because I think we are talking about opposite ends of the message flow.
Dunno. Just checking.

I can (usually) work out how to send the message. But dealing with the reception is a whole other thing.

This is just a normal ui switch.
When you click it sends its msg and then its icon changes between on and off icons you have set.

Screenshot from 2022-02-09 11-21-51

That isn't iconify-mdi:fan-auto and iconify-mdi:fan

I'm not using those ones, they are the ones Steve posted, these are some others you see in my screenshot.

The template code gives access to all iconify icons so you can use whaterver you want to.