# Suggestion for which icons to use
**URL:** https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964
**Category:** Dashboard
**Created:** [8 February 2022 01:43 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964 "2022-02-08T01:43:08Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [8 February 2022 01:43 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/1 "2022-02-08T01:43:08Z")
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.
---
### Author:  [@pompopom](https://discourse.nodered.org/u/pompopom)
#### Post date: [8 February 2022 20:43 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/2 "2022-02-08T20:43:24Z")
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.
---
### Author:  [@juanbal](https://discourse.nodered.org/u/juanbal)
#### Post date: [8 February 2022 21:33 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/3 "2022-02-08T21:33:35Z")
I'm using a car (=auto) for automatic and a hand for manual.
Also gears could be used for automatic.
I hope this helps.
---
### Author:  [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [8 February 2022 22:15 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/4 "2022-02-08T22:15:01Z")
> [@Trying\_to\_learn](#):
>
> I'm looking for two icons to depict: `AUTOMATIC` and `MANUAL` selection.
>
> It is controlling a fan
fan-alert and fan-auto ?
---
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [8 February 2022 23:08 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/5 "2022-02-08T23:08:16Z")
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?
---
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [8 February 2022 23:09 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/6 "2022-02-08T23:09:00Z")
That's an interesting spin on it.
Thanks.
---
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [8 February 2022 23:10 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/7 "2022-02-08T23:10:03Z")
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.
---
### Author:  [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [8 February 2022 23:15 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/8 "2022-02-08T23:15:03Z")
Maybe man or hand for manual. And Pi (raspberry) for automatic (pi in control)
---
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [8 February 2022 23:15 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/9 "2022-02-08T23:15:53Z")
Yeah, that's a good idea.
I may go with that to not drag this on too long.
Thanks.
---
### Author:  [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)
#### Post date: [8 February 2022 23:35 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/10 "2022-02-08T23:35:38Z")
If you put this in a template added to head section you can use thousands of iconify icons then.
```auto
```
Then in switch node use custom icons set to **iconify-mdi:fan-auto** and **iconify-mdi:fan**
Browse icons at [iconify](https://icon-sets.iconify.design/)
---
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [8 February 2022 23:41 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/11 "2022-02-08T23:41:07Z")
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. 😉
---
### Author:  [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)
#### Post date: [8 February 2022 23:47 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/12 "2022-02-08T23:47:00Z")
Shouldn't have any effect on other css - you can use any of their icons anywhere then.
---
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [8 February 2022 23:53 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/13 "2022-02-08T23:53:30Z")
Well, I'll put my hand up and say I am not understanding it.
This is what I have to _test_ it.
```auto
[{"id":"78f2417.762734","type":"ui_template","z":"10dda891.0445cf","group":"36fc3c65.975c2c","name":"Text formatting","order":10,"width":0,"height":0,"format":" \n","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":"\n \n \n
","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._
😉
---
### Author:  [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)
#### Post date: [9 February 2022 00:02 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/14 "2022-02-09T00:02:36Z")
Put this in a new template on its own and add to site header
---
### Author:  [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)
#### Post date: [9 February 2022 00:06 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/15 "2022-02-09T00:06:15Z")
You don't need a template to use the icons, you can just put the names into a normal switch config like this...
---
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [9 February 2022 00:06 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/16 "2022-02-09T00:06:38Z")
Sorry, but....
```auto
[{"id":"6979f5841ed2ce16","type":"ui_template","z":"10dda891.0445cf","group":"9d94622b.1f02e","name":"","order":6,"width":0,"height":0,"format":"","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":"\n \n \n
","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.
---
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [9 February 2022 00:07 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/17 "2022-02-09T00:07:30Z")
I don't know why, but that never entered my mind.
I'll give that a go.
---
### Author:  [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)
#### Post date: [9 February 2022 00:11 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/18 "2022-02-09T00:11:28Z")
example in use -
---
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [9 February 2022 00:15 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/19 "2022-02-09T00:15:53Z")
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`?
---
### Author:  [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)
#### Post date: [9 February 2022 00:19 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/20 "2022-02-09T00:19:43Z")
Click on the image and it will zoom in.
> [@Sean-McG](#):
>
> Then in switch node use custom icons set to **iconify-mdi:fan-auto** and **iconify-mdi:fan**
[Next page](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964.md?page=2)