Color changes but not icon in slider node?

Check this out... Two flows. One drives color and icon via ui_control. The other flow drives the icon and color as the documentation suggests can be done. But, the non-ui_control method appears inconsistent... color changes but not icon? Am I doing something wrong the via non-ui_control method?

[{"id":"d76a7e66.86411","type":"inject","z":"9c329f76.c5be1","name":"On","props":[{"p":"payload"}],"repeat":"","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"true","payloadType":"bool","x":550,"y":1020,"wires":[["e044be7c.ec032"]]},{"id":"c47711da.cc1fa","type":"inject","z":"9c329f76.c5be1","name":"Off","props":[{"p":"payload"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"false","payloadType":"bool","x":550,"y":1060,"wires":[["e044be7c.ec032"]]},{"id":"e044be7c.ec032","type":"function","z":"9c329f76.c5be1","name":"Icon","func":"msg.ui_control = {onicon:\"fa-circle\",oncolor:\"green\",officon:\"fa-circle-thin\",offcolor:\"red\"}\n\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":690,"y":1040,"wires":[["1c9ce86.dcd9e18"]]},{"id":"1c9ce86.dcd9e18","type":"ui_switch","z":"9c329f76.c5be1","name":"","label":"Test","tooltip":"","group":"110f893b.a0f1d7","order":2,"width":"2","height":"1","passthru":true,"decouple":"false","topic":"","style":"","onvalue":"true","onvalueType":"bool","onicon":"fa fa-circle","oncolor":"white","offvalue":"false","offvalueType":"bool","officon":"fa fa-circle-thin","offcolor":"white","x":830,"y":1040,"wires":[[]]},{"id":"131f697b.9f5b57","type":"inject","z":"9c329f76.c5be1","name":"On","props":[{"p":"payload"}],"repeat":"","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"true","payloadType":"bool","x":550,"y":1120,"wires":[["411b4aa9.976244"]]},{"id":"d3ed9ee6.232e1","type":"inject","z":"9c329f76.c5be1","name":"Off","props":[{"p":"payload"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"false","payloadType":"bool","x":550,"y":1160,"wires":[["411b4aa9.976244"]]},{"id":"411b4aa9.976244","type":"ui_switch","z":"9c329f76.c5be1","name":"","label":"Test","tooltip":"","group":"110f893b.a0f1d7","order":2,"width":"2","height":"1","passthru":true,"decouple":"false","topic":"","style":"","onvalue":"true","onvalueType":"bool","onicon":"fa fa-circle","oncolor":"green","offvalue":"false","offvalueType":"bool","officon":"fa fa-circle-thin","offcolor":"red","x":690,"y":1140,"wires":[[]]},{"id":"110f893b.a0f1d7","type":"ui_group","name":"Default","tab":"7179c13.0628d4","order":13,"disp":true,"width":"6","collapse":false},{"id":"7179c13.0628d4","type":"ui_tab","name":"Dashboard","icon":"dashboard","order":1,"disabled":false,"hidden":false}]

Correct will be
image

You have fa fa-something. That will break logic to choose base of icon classes.

But fwa site shows that syntax, and other places in NR flows that syntax is required. For example in development of a custom node, setting the icon for node you need "fa *" qualification. Weird but ok.

It is different for use cases and it is confusing a bit. Best way still is to look at widget help page. This shows correct syntax for that widget.

Yeah, true. And, I kind of tripped my self up as well... actually developing a few custom nodes, before creating customized UI items in NR dashboard.