# Dashboard-2 Button Icons

**URL:** <https://discourse.nodered.org/t/dashboard-2-button-icons/85494>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [13 February 2024 17:53 UTC](https://discourse.nodered.org/t/dashboard-2-button-icons/85494 "2024-02-13T17:53:05Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![m661](https://avatars.discourse-cdn.com/v4/letter/m/da6949/32.png) [@m661](https://discourse.nodered.org/u/m661)\
**Post date:** [13 February 2024 17:53 UTC](https://discourse.nodered.org/t/dashboard-2-button-icons/85494/1 "2024-02-13T17:53:05Z")

</div>

Trying to migrate to dashboard...

How can I add an icon to a button like in dashboard 1

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/5/05a4cd7bd16067f64340b14cec39b39775ba056b.png)

thanks

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [13 February 2024 18:08 UTC](https://discourse.nodered.org/t/dashboard-2-button-icons/85494/2 "2024-02-13T18:08:14Z")

</div>

This is not yet implemented.  
Icons can be added using CSS but that is a bit overkill.

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [13 February 2024 18:13 UTC](https://discourse.nodered.org/t/dashboard-2-button-icons/85494/3 "2024-02-13T18:13:56Z")

</div>

In the meantime, you can use a template and the [vuetify v-btn](https://vuetifyjs.com/en/components/buttons/)

There are several examples around this forum [Search results for '#dashboard-2 template button icon order:latest' - Node-RED Forum](https://discourse.nodered.org/search?context=topic&context_id=85494&q=%23dashboard-2%20template%20button%20icon%20order%3Alatest&skip_context=true)

---

<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:** [14 March 2024 18:13 UTC](https://discourse.nodered.org/t/dashboard-2-button-icons/85494/4 "2024-03-14T18:13:57Z")

</div>

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