';`
Still nothing.
---
### Author:  [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)
#### Post date: [27 March 2022 09:03 UTC](https://discourse.nodered.org/t/is-it-possible-to-use-the-mdi-icons-in-a-text-node/60387/2 "2022-03-27T09:03:21Z")
> [@Trying\_to\_learn](#):
>
> mdi:fan 46px fa-spin
Isn't `fa-spin` a 'font awesome' class?
(fa = **f** ont **a** wesome)
A quick look at the mdi readme shows `mdi-spin` as the correct class for spinning, and `mdi-46px` for size adjustments.
---
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [28 March 2022 03:14 UTC](https://discourse.nodered.org/t/is-it-possible-to-use-the-mdi-icons-in-a-text-node/60387/3 "2022-03-28T03:14:28Z")
Thanks Paul, but that's where I am out of my depth.
A while back I was pointed to use this new _breed_ of icons ([Here)](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/4))
And they work. But I have no idea how.
I added the two lines required to make them usable:
```auto
```
But then it is just beyond me.
It works fine if I just have an `on/off` icon. That's fine. But if the machine is `off line` I bring the `ban` icon into things and the wheels fall off.
Originally I was told to use the `switch` (GUI) node and set the two icons for the `on/off` state there - and that works.
But as I have since realised with wanting to add the third _state_ (of off-line) it doesn't work.
The `switch` node doesn't have a third state and so I _have to_ use the `text` node.
If you read the other thread (towards the bottom) I get stuck with getting this new icon to spin.
(Scroll to post 33 in that thread)
I was being a good boy scout and constructing the commands using the new icon's _theme_.
But it was pointed out that it is covered by the _FA_ (font awesome) icon qualifiers and so I use `fa-spin` to spin it, even though it technically isn't their icon.
(That is way WAY above me in understanding how it works.)
I put the `fa-spin` and it spins.
So I'm stuck on how to use this new set of icons in a `text` node rather than a `switch` node.
This is from where I believe I am getting the icon:
[search for fan](https://icon-sets.iconify.design/mdi/)
And I get the icon.
Considering I have it sort of working, I seem to be missing something about how to make it more _generic_ with its use, so I can use it like the `font awesome` and `material design` icons.
At least they have a bit more understandable page on how to use them.
[This is all I can see on how to use this new type.](https://docs.iconify.design/icons/all.html)
And it is very different to the two lines I posted at the start to get them usable.
So again I am out of my depth in being able to make sense of the instructions.
---
### Author:  [@xx\_Nexus\_xx](https://discourse.nodered.org/u/xx_Nexus_xx)
#### Post date: [28 March 2022 07:09 UTC](https://discourse.nodered.org/t/is-it-possible-to-use-the-mdi-icons-in-a-text-node/60387/4 "2022-03-28T07:09:09Z")
Hmm... maybe you should try [the multi-switch from Bart](https://flows.nodered.org/node/node-red-contrib-ui-multistate-switch) .. more details here
---
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [28 March 2022 07:11 UTC](https://discourse.nodered.org/t/is-it-possible-to-use-the-mdi-icons-in-a-text-node/60387/5 "2022-03-28T07:11:19Z")
But that isn't allowing me to put 3 icons in the one space depending on the condition of the fan.
---
### Author:  [@xx\_Nexus\_xx](https://discourse.nodered.org/u/xx_Nexus_xx)
#### Post date: [28 March 2022 07:42 UTC](https://discourse.nodered.org/t/is-it-possible-to-use-the-mdi-icons-in-a-text-node/60387/6 "2022-03-28T07:42:30Z")
Bart is working closely with hotnipi ... @hotnipi is king of CSS .. i'm sure he will be able to get this integrsted in this node .. just raise a request with em on github
---
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [28 March 2022 07:46 UTC](https://discourse.nodered.org/t/is-it-possible-to-use-the-mdi-icons-in-a-text-node/60387/7 "2022-03-28T07:46:54Z")
I am _trying_ to see how it is done _normally_.
I got the `material design` icons working. I got the `font awesome` icons working too.
This new _breed_ seem more difficult to use.
Which I get may be part of the deal.
But it would be nice if I could work it out reading what is out there.
As I see it, there are a lot of icons and stuff, but they seem to be missing **how** to use them, which detracts partly from their usability.
---
### Author:  [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)
#### Post date: [28 March 2022 09:22 UTC](https://discourse.nodered.org/t/is-it-possible-to-use-the-mdi-icons-in-a-text-node/60387/8 "2022-03-28T09:22:40Z")
> [@Trying\_to\_learn](#):
>
> A while back I was pointed to use this new _breed_ of icons ([Here)](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964/4))
Ah OK, you didn't say that in your first post, so I assumed from your topic title that you were loading & using the mdi icon collection - [https://materialdesignicons.com/](https://materialdesignicons.com/)
---
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [28 March 2022 21:02 UTC](https://discourse.nodered.org/t/is-it-possible-to-use-the-mdi-icons-in-a-text-node/60387/9 "2022-03-28T21:02:39Z")
Ok, I didn't explain it quite well enough.
But isn't `iconify-mdi:fan 46px fa-spin` enough to say I am using the `mdi` icons?
Anyway, I'm stuck on how to use them in/on a `text` node rather than the `switch` node.
(I'm now even more confused in that the link you posted is different to one I posted and that is also different to a **third** link which is `google icons` which some how got brought into this.
(But that/this is a whole different problem I think)
---
### Author:  [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)
#### Post date: [29 March 2022 00:52 UTC](https://discourse.nodered.org/t/is-it-possible-to-use-the-mdi-icons-in-a-text-node/60387/10 "2022-03-29T00:52:45Z")
Give this a try only took me about 2 hours to figure out 😉
```auto
[{"id":"1b70296512cff1f7","type":"ui_text","z":"5ae69456be119464","group":"365f6b900be3a1a6","order":3,"width":"4","height":1,"name":"test","label":"{{msg.payload}}","format":"","layout":"col-center","className":"","x":850,"y":160,"wires":[]},{"id":"798960aa3a4558a3","type":"inject","z":"5ae69456be119464","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":" ","payloadType":"str","x":610,"y":120,"wires":[["1b70296512cff1f7"]]},{"id":"e81850f80616b7c7","type":"inject","z":"5ae69456be119464","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":" ","payloadType":"str","x":610,"y":160,"wires":[["1b70296512cff1f7"]]},{"id":"49d8b2d2e8727634","type":"inject","z":"5ae69456be119464","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":" ","payloadType":"str","x":610,"y":200,"wires":[["1b70296512cff1f7"]]},{"id":"365f6b900be3a1a6","type":"ui_group","name":"Group","tab":"dc50fb1.77df988","order":null,"disp":true,"width":6},{"id":"dc50fb1.77df988","type":"ui_tab","name":"Home Page","icon":"","order":1,"disabled":false,"hidden":false}]
```
---
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [29 March 2022 03:29 UTC](https://discourse.nodered.org/t/is-it-possible-to-use-the-mdi-icons-in-a-text-node/60387/11 "2022-03-29T03:29:45Z")
You are the man! Thanks @Sean-McG
I tested it on my main machine and it works.
Now I'll apply it to my other machine/s.
If it took you 2 hours, it would have taken me 2 weeks. 😉
---
### Author:  [@system](https://discourse.nodered.org/u/system)
#### Post date: [12 April 2022 03:29 UTC](https://discourse.nodered.org/t/is-it-possible-to-use-the-mdi-icons-in-a-text-node/60387/12 "2022-04-12T03:29:48Z")
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.