# Is it possible to use the \`mdi\` icons in a \`text\` node?

**URL:** https://discourse.nodered.org/t/is-it-possible-to-use-the-mdi-icons-in-a-text-node/60387
**Category:** Dashboard
**Created:** [27 March 2022 03:27 UTC](https://discourse.nodered.org/t/is-it-possible-to-use-the-mdi-icons-in-a-text-node/60387 "2022-03-27T03:27:09Z")
**Posts on this page:** 1
**Showing post:** 3

<div class="post-metadata">

### Author: ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@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")

</div>

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
<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
<script src="https://fonts.google.com/icons"></script>

```

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.

---

_[View the full topic](https://discourse.nodered.org/t/is-it-possible-to-use-the-mdi-icons-in-a-text-node/60387)._