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 colours to show/indicate the heart is beating. But what about when it is STOPPED??!! For now I have just made the colour RED and it doesn't flash/blink. Probably good enough, but... I'm me. There isn't a DEATH icon floating around anywhere? Or - at a stretch: PIRATE (Skull and crossbones) icon somewhere? Just asking.

[image] Trying_to_learn: Try 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 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. Then in switch node use custom icons set to iconify-mdi:fan-auto and iconify-mdi:fan Browse icons at iconify :rofl: :rofl: :rofl:

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 to this specific case.

Oh! Are you saying I could do something like what I did with the: 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":" ","layout":"row-spread","className":"","x":1355,"y":990,"wires":[]},{"id":"08cb253c5b8e93ae","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}]

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 be clear: I am not really sure WHICH one you picked/used anyway.) Page 1, third row, third from the right. https://icon-sets.iconify.design/openmoji/skull-and-crossbones/ [Screenshot from 2023-03-18 06-47-23] That gives me this link openmoji:skull-and-crossbones I put that in and it does NOT work. Now: YOUR example is similar but different. icon:fa6-solid:skull-crossbones So the line I have in the text node is: compared to I see the solid vs openmoji is the difference. But I am not seeing the mechanical difference as that icon was from the link you gave me. So I am missing a crucial part of how things work. I'm not trying to be difficult. I want to understand (clearly) HOW it works. Yes, that is my problem but if I don't ask, I won't get to know.

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	4774	3 June 2020
Help with icon in `text` node Dashboard	12	4609	31 October 2020
Add inline SVG in the dashboard Dashboard	7	795	30 September 2021
Where is a list of the Dashboard Icons? FAQs	16	46128	13 November 2020
Change icon on switch Dashboard	14	38736	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