# 3.0.2 - Font Awesome icons in UI Template

**URL:** https://discourse.nodered.org/t/3-0-2-font-awesome-icons-in-ui-template/67936
**Category:** Dashboard
**Created:** [19 September 2022 17:25 UTC](https://discourse.nodered.org/t/3-0-2-font-awesome-icons-in-ui-template/67936 "2022-09-19T17:25:39Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![hazymat](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hazymat/32/108159_2.png) [@hazymat](https://discourse.nodered.org/u/hazymat)
#### Post date: [19 September 2022 17:25 UTC](https://discourse.nodered.org/t/3-0-2-font-awesome-icons-in-ui-template/67936/1 "2022-09-19T17:25:39Z")

</div>

Since before I updated to NR 3.0.2 I've had a problem with a dashboard flow that lets me control Roku, in the icons are not showing, with the exception of the middle button icon see here:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/0/10bb2d94fc299235aa301b4063d398c8ec58d7d4.png)

Here's the code from within the UI Template node for an example button that doesn't show the icon:

> ```
> <md-button class="md-fab" aria-label="Back" ng-click="send({url: 'http://roku_server:8060//keypress/Back'})">
> <md-icon md-font-icon="fa-chevron-left" class="fa fa-lg"></md-icon>
> <md-tooltip>Back</md-tooltip>
> </md-button>
> 
> ```

On a separate but perhaps related note, I tried to upgrade node-red-dashboard currently on version 2.29.3 using Manage Palette, which shows I can upgrade to 3.2.0, however when I upgrade it gives an error message, the full error of which I copied out of `/home/mat/.npm/_logs/2022-09-19T17_17_49_938Z-debug-0.log` - shall I paste that error log here?

---

<div class="post-metadata">

### Author: ![JustinB](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/justinb/32/68068_2.png) [@JustinB](https://discourse.nodered.org/u/JustinB)
#### Post date: [20 September 2022 13:28 UTC](https://discourse.nodered.org/t/3-0-2-font-awesome-icons-in-ui-template/67936/2 "2022-09-20T13:28:18Z")

</div>

I'm using v3.0.2 and the button from your example flow is displaying an icon. I'm not 100% sure but maybe you moved/deleted the library?

---

<div class="post-metadata">

### Author: ![hazymat](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hazymat/32/108159_2.png) [@hazymat](https://discourse.nodered.org/u/hazymat)
#### Post date: [20 September 2022 14:54 UTC](https://discourse.nodered.org/t/3-0-2-font-awesome-icons-in-ui-template/67936/3 "2022-09-20T14:54:23Z")

</div>

To my knowledge / memory, I have not moved or deleted the library.

How can I check this?

---

<div class="post-metadata">

### Author: ![JustinB](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/justinb/32/68068_2.png) [@JustinB](https://discourse.nodered.org/u/JustinB)
#### Post date: [21 September 2022 07:36 UTC](https://discourse.nodered.org/t/3-0-2-font-awesome-icons-in-ui-template/67936/4 "2022-09-21T07:36:37Z")

</div>

@hazymat Try `npm install font-awesome --save-dev` in your terminal. Maybe this will do it.

Normally the icons should come with the node-red-dashboard. In my case there is a library inside the node-red-dashboard-folder:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/4/a4663f72b1bb83ab5a664f9dd48723f4e9ceaad1.png)

As you can see there are the **fontawesome-** , **Material-** and **weather-icons**. Can you check this?

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [21 October 2022 07:36 UTC](https://discourse.nodered.org/t/3-0-2-font-awesome-icons-in-ui-template/67936/5 "2022-10-21T07:36:54Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.