# Dashboard 2.0 - UI Template

**URL:** <https://discourse.nodered.org/t/dashboard-2-0-ui-template/94539>\
**Category:** Dashboard\
**Tags:** node-red-dashboard, dashboard-2\
**Created:** [11 January 2025 22:23 UTC](https://discourse.nodered.org/t/dashboard-2-0-ui-template/94539 "2025-01-11T22:23:30Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![mbreitner](https://avatars.discourse-cdn.com/v4/letter/m/fbc32d/32.png) [@mbreitner](https://discourse.nodered.org/u/mbreitner)\
**Post date:** [11 January 2025 22:23 UTC](https://discourse.nodered.org/t/dashboard-2-0-ui-template/94539/1 "2025-01-11T22:23:30Z")

</div>

Hi, i'm very new in the node red dashboard topic and have one little question.

I would like to display a material icon in the section in the template node.

In the documentation there is material icons and font awesome mentioned.

Which syntax is necessary to display an material icon in the section. Is v-icon the right way?

Thanks in advance for your help.

BR

---

<div class="post-metadata">

**Author:** ![Buckskin](https://avatars.discourse-cdn.com/v4/letter/b/b9e5f3/32.png) [@Buckskin](https://discourse.nodered.org/u/Buckskin)\
**Post date:** [12 January 2025 20:46 UTC](https://discourse.nodered.org/t/dashboard-2-0-ui-template/94539/2 "2025-01-12T20:46:39Z")

</div>

Yes (if by 'section' you mean the `<template> </template>` area), example

```auto
<v-icon aria-hidden="false">mdi-lightbulb-variant-outline</v-icon>

```

---

<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:** [11 February 2025 20:46 UTC](https://discourse.nodered.org/t/dashboard-2-0-ui-template/94539/3 "2025-02-11T20:46:50Z")

</div>

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