[image] [image] [image] [image] [{"id":"458a1df8.34c844","type":"ui_text","z":"fe2c7bc6.bd49c8","group":"22cd2b36.d63984","order":7,"width":"3","height":"2","name":"text+Icon ","label":"<font color=orange>Signal : </font>","format":"<h1><font color={{msg.color}}>{{msg.icon}}</font></h1>","layou…

May be then with use of the ui_template [{"id":"861c1cf7.ec1cd","type":"ui_template","z":"9038de34.04db3","group":"22cd2b36.d63984","name":"","order":3,"width":"3","height":"1","format":"<style>\n span.iconspan * > path{\n fill:#FFFFFF \n }\n span.iconspan.red * > path{\n …

SuperNinja 5 November 2020 16:48 5

cool, I should be okay with this.
One note: Node RED doesn't like red:
there is like a ghost
while the blue yes lol :

Is it just me, or is 'red' on the dashboard a bit orange?

Topic		Replies	Views
Simple show awesome icon on screen General	6	1873	18 October 2019
Size of Material-Icon (node-text) Dashboard	10	1975	3 February 2021
Changing the color of the font awesome V5 or 6, possible? Dashboard	6	855	20 October 2021
Material design icons vs font awesome Dashboard	46	12120	18 June 2020
Material icons list Dashboard	3	276	19 January 2024

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.

Font Awesome Icon working while Angular Material Icon not

Related topics