I have a routine that sends out a Heart beat and have icons that suffice to show it is running. (Don't ask) :wink: Now and then they are stopped. I didn't apply a good notification for this and so am now working on it. As is, the heart beat icon is used and it toggles between teal and lime col…

[image] Trying_to_learn: <font color = "red"><i class="iconify icon:fa6-solid:skull-crossbones" fa-2x"> Try <font color = "red"><i class="iconify icon:fa6-solid:skull-crossbones fa-2x"></i></font> You have an extra " between bones & fa-2x fa-1x, fa-2x, fa-3x & fa-4x should all work

Thanks. Now I am going to show my stupidity: How do I use it? The font awesome (etc) I just call them by name and the magically work. I've not done any custom icons before. (sorry.) And - I'm guessing - SVG would be better than PNG Maybe not. That costs $$ to download.

Font awesome <i class="fa-solid fa-skull-crossbones"></i> The other icon would have to be copied into a static directory and loaded (I think) just like any image.

Thanks. But I'm missing something. (Yeah, my problem) but I'm stuck on the path..... Say I put it in my node-red/public/pictures/ directory..... fa-skill-crossbones doesn't really have a path so I don't know where to put the file.

My bad, the font awesome icon is not available in v4.7, which is what Node-RED uses.

No problems. But now I'm confused. I'll see if I can work out how to use the png file to be shown in the text node to display the icon. I vaguely remember I touched on it a long time ago. But C.R.A.F.T. disease is painful.

[image] Trying_to_learn: I've not done any custom icons before. Not strictly true ! :thinking: :thinking: :thinking: [image] Suggestion for which icons to use Dashboard If you put this in a template added to head section you can use thousands of iconify icons then. …

Yeah. But C.R.A.F.T. disease is a kicker. Memory is not what I would like. I'll look at the thread now. Ok, but.... (Sorry but....) That is when I use existing icons in the set. This is a new one which is a .png file on my machine. (Say in .node-red/public/pictures/) I am not seeing a link…

Oh! Are you saying I could do something like what I did with the: <script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script> but point it to the new site? (Thought a bit more about it.) Nah, because that new site is for DOWNLOADING more than remote access to their icons.

Find an icon you like and add to a text node, see example ..... https://icon-sets.iconify.design/?query=skull [{"id":"8bef6a9ca2b58129","type":"ui_text","z":"719a883a54bf61c7","group":"08cb253c5b8e93ae","order":3,"width":0,"height":0,"name":"","label":"Label","format":"<span class=\"iconify icon:f…

Thanks. But I'm stupid as I seem to be missing something. (here's the rub for me.) The code you posted works. And fair enough. You understand every part of it. Down to the pixel level. So I go to the link you posted above the code. Only for the sake of learning I pick ANOTHER icon. (And to …

Node-RED

Node-RED Forum

Searching for an icon

General

Sean-McG 17 March 2023 00:49 8

Not strictly true !

Topic		Replies	Views
How to add custom icon(from url) in world map for node-red General	13	4709	3 June 2020
Help with icon in `text` node Dashboard	13	4466	14 November 2020
Add inline SVG in the dashboard Dashboard	8	709	14 October 2021
Where is a list of the Dashboard Icons? FAQs	16	45894	13 November 2020
Change icon on switch Dashboard	14	38291	8 October 2020

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.

Searching for an icon

Related topics