Icons to use for nodes without labels

Share Your Projects
1

Just sharing things I've come up with when removing labels from nodes to make them easy to identify

image

[{"id":"449f7fbf.74cb6","type":"debug","z":"912a9d45.b0769","name":"3","active":false,"tosidebar":true,"console":false,"tostatus":true,"complete":"true","targetType":"full","x":335,"y":580,"wires":[],"icon":"font-awesome/fa-wrench","l":false},{"id":"738045d9.3d404c","type":"debug","z":"912a9d45.b0769","name":"3","active":false,"tosidebar":true,"console":false,"tostatus":false,"complete":"payload","targetType":"msg","x":335,"y":520,"wires":[],"l":false},{"id":"63c30f10.d3d2d","type":"function","z":"912a9d45.b0769","name":"","func":"\nreturn msg;","outputs":1,"noerr":0,"x":335,"y":460,"wires":[[]],"icon":"node-red/arrow-in.svg","l":false},{"id":"9b6bc8dc.6ff078","type":"link in","z":"912a9d45.b0769","name":"","links":[],"x":335,"y":640,"wires":[[]]},{"id":"8a63bb35.4ca2d8","type":"link in","z":"912a9d45.b0769","name":"","links":[],"x":335,"y":700,"wires":[[]],"icon":"node-red/arrow-in.svg"},{"id":"e9dc7dc0.743d4","type":"link in","z":"912a9d45.b0769","name":"","links":[],"x":335,"y":760,"wires":[[]],"icon":"font-awesome/fa-arrow-right"},{"id":"992cb471.0474a8","type":"link in","z":"912a9d45.b0769","name":"","links":[],"x":435,"y":760,"wires":[[]],"icon":"font-awesome/fa-arrow-circle-right"},{"id":"e0f623cd.e75a1","type":"link in","z":"912a9d45.b0769","name":"","links":[],"x":435,"y":640,"wires":[[]],"icon":"font-awesome/fa-arrow-circle-o-right"},{"id":"c0f0066b.a16828","type":"link in","z":"912a9d45.b0769","name":"","links":[],"x":435,"y":700,"wires":[[]],"icon":"font-awesome/fa-long-arrow-right"},{"id":"39b0a6a9.262eea","type":"debug","z":"912a9d45.b0769","name":"3","active":false,"tosidebar":true,"console":false,"tostatus":true,"complete":"payload","targetType":"msg","x":435,"y":520,"wires":[],"l":false},{"id":"3cf6ade1.159ff2","type":"comment","z":"912a9d45.b0769","name":"Show msg.payload","info":"","x":610,"y":520,"wires":[]},{"id":"11ac233a.f32bbd","type":"comment","z":"912a9d45.b0769","name":"Show complete object","info":"","x":620,"y":580,"wires":[]},{"id":"904b5574.f29118","type":"comment","z":"912a9d45.b0769","name":"Empty function used as connector","info":"","x":660,"y":460,"wires":[]},{"id":"2a05cacd.76dc66","type":"comment","z":"912a9d45.b0769","name":"Different arrows to identify link connections","info":"","x":680,"y":700,"wires":[]}]
9 Likes
2

Nice idea. It would also be nice if you could store these as templates / favourites to drag them into a flow (maybe like what happens with sub-flows), rather than having to set each up or find one to copy. A feature request beckons. And maybe an automatic visual distinction between inter- and intra-flow links (magically catering for both). Now I'm just getting carried away.

3

The single square function node is nice.
There is a fan node which is similar but it is bigger.

I like the debug nodes too. Good idea, especially with the two different icons showing only msg.payload and complete message.

But the link icons... You need ones for the other end too. Those all all in nodes. You also need the out ones.

You should maybe submit them as being able to be used in the standard set.

4

They are for both ends - the idea is to use same icon for links at either end so you can just easily match them up visually

image
image919Ă—502 32.5 KB

5

These are all from the standard set of icons available on the 'Appearance' tab of every node.

1 Like