# Angular icons to use in nodered

**URL:** <https://discourse.nodered.org/t/angular-icons-to-use-in-nodered/81371>\
**Category:** General\
**Tags:** node-red-dashboard\
**Created:** [16 September 2023 15:46 UTC](https://discourse.nodered.org/t/angular-icons-to-use-in-nodered/81371 "2023-09-16T15:46:25Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![gNeandr](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gneandr/32/73947_2.png) [@gNeandr](https://discourse.nodered.org/u/gNeandr)\
**Post date:** [16 September 2023 15:46 UTC](https://discourse.nodered.org/t/angular-icons-to-use-in-nodered/81371/1 "2023-09-16T15:46:25Z")

</div>

With the dashboard button icons can be selected. That selection just shows the icon name like 'fa-refresh'. How to see more than the name? It's a bit time consuming to add and commit to see how it looks.  
The dir ~/.node-red/node\_modules/node-red-dashboard/dist/fonts seems to contain also icons, but how to handle files with .woff /-woff2?

Also how to use other icons or pict file instead?

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [16 September 2023 16:01 UTC](https://discourse.nodered.org/t/angular-icons-to-use-in-nodered/81371/2 "2023-09-16T16:01:30Z")

</div>

Dashboard has font-awesome v4 icons available I believe. Anything starting with `fa-` is a font-awesome icon.

You can find all of the font-awesome v4 icons here: [Font Awesome Icons v4](https://fontawesome.com/v4/icons/)

---

<div class="post-metadata">

**Author:** ![gNeandr](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gneandr/32/73947_2.png) [@gNeandr](https://discourse.nodered.org/u/gNeandr)\
**Post date:** [16 September 2023 16:13 UTC](https://discourse.nodered.org/t/angular-icons-to-use-in-nodered/81371/3 "2023-09-16T16:13:34Z")

</div>

Yes the icon names start with 'fa-'  
The page you mention has many many icons, but only 'fa-spin' is referenced on it.  
Would any named icon on that page available as a dashboard icon?

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [16 September 2023 16:14 UTC](https://discourse.nodered.org/t/angular-icons-to-use-in-nodered/81371/4 "2023-09-16T16:14:09Z")

</div>

> [@gNeandr](#):
>
> Would any named icon on that page available as a dashboard icon?

I believe so, easy enough to try though.

---

<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:** [30 September 2023 16:14 UTC](https://discourse.nodered.org/t/angular-icons-to-use-in-nodered/81371/5 "2023-09-30T16:14:31Z")

</div>

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