Furthering my recent question on Material Design icons.....
I'm looking for two icons to depict: AUTOMATIC and MANUAL selection.
It is controlling a fan - to maybe help with perspective.
Manual is sort of easy. I could use the dangerous icon for that... But automatic.
Has me stumped.
the timer may work but that implies time - when it isn't timed. It is more .... automatic than timed.
It all depends on the situation.
Automatic can be more dangerous then manual in some situations and vice versa. Without knowing the application one can not really give a proper reply.
I'm using a car (=auto) for automatic and a hand for manual.
Also gears could be used for automatic.
I hope this helps.
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. 
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. 
All I see is a small green rectangle.
Please understand the village from where I come don't want their idiot back.
Put this in a new template on its own and add to site header
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.
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.
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.
The OpenJS Foundation | Terms of Use | Privacy Policy | OpenJS Foundation Bylaws | Trademark Policy | Trademark List | Cookie Policy
