hi all. I would use some fa-icons in my template node but I have 2 Problems: where could I find the complete list of the fa-icon? could you show me an example of template node code wich uses fa-icon? thanks a lot Paolo

https://fontawesome.com/v4.7.0/

Hi @cpaolojo I'm assuming you're using the ui_template node as you're asking this in the #dashboard category. The Node-RED Dashboard already has Font Awesome loaded, so to use an FA icon, you can use the HTML from the examples they provide ( https://fontawesome.com/v4.7.0/examples/#basic ) directly …

Yes, I'm using ui_template node. Sorry but I have no experience about. I would add an icon to my button (in the left side of the button): <md-button class="md-accent md-raised" style="background-color:white" ng-click="send({payload:'hide_done'})"> <svg width="300" height="100"> <style> …

Hello I have modified your code so that puts a font awesome camera icon to the left hand side of the button. The position of the icon can be adjusted by altering the relative values using right, left, top, bottom. reference https://www.w3schools.com/css/css_positioning.asp The font awesome libra…

Hi @richcole26 good stuff, but did you realise this thread is 2 years old? Ps, welcome to the forum. :slight_smile:

Hi, no I didn't realise was just browsing and came across it. Like the forum has been very helpful as im still fairly new to all this :slightly_smiling_face:

Node-RED

Node-RED Forum

Using fa-icon in template node

Dashboard

cpaolojo 13 January 2019 22:37 3

thanks a lot!
sorry but I have no experience about the plate node.
could you do me an example about the code which uses a fa-icons in the template node?

Topic		Replies	Views
Change fa-icon in ui template with a message payload Dashboard	10	3425	21 April 2020
3.0.2 - Font Awesome icons in UI Template Dashboard	4	861	21 October 2022
Add Iconify icons to text node Dashboard	8	1616	30 March 2021
I am still not getting thse `buttons` and their settings Dashboard	22	1290	30 April 2020
Dashboard 2.0 icons in html-template-node Dashboard dashboard-2	4	808	5 August 2025

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.

Using fa-icon in template node

Related topics