# Dashboard 2.0 Top Bar Icon

**URL:** <https://discourse.nodered.org/t/dashboard-2-0-top-bar-icon/84655>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [17 January 2024 14:00 UTC](https://discourse.nodered.org/t/dashboard-2-0-top-bar-icon/84655 "2024-01-17T14:00:30Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![guillad](https://avatars.discourse-cdn.com/v4/letter/g/bbe5ce/32.png) [@guillad](https://discourse.nodered.org/u/guillad)\
**Post date:** [17 January 2024 14:00 UTC](https://discourse.nodered.org/t/dashboard-2-0-top-bar-icon/84655/1 "2024-01-17T14:00:30Z")

</div>

Hi everyone,  
In dashboard 2.0, I'm trying to change/override the hamburger icon of the top bar logo, but no luck so far. It's different than previous dashboard 1.x [posts](https://discourse.nodered.org/t/help-with-header-code/41835/4).  
I tried using the `<v-app-bar-nav-icon>` component like in this [Vuetify example](https://play.vuetifyjs.com/#eNp1Ut1ugjAYfZWmN7tQLE7UhbklOMlCnDo0Es3YRYWKzAINVMQte/e1OAdLtl60/c7323P68gGz1EMGY638QKAOB5xEjGJO7t0YgEGueDj1wVYgJVBCPEnoBqfAS2iS3rmQpWGE05MLgY/TPSAFJ7FPfmWVeZgxReQpMc6V0EviH5/whlFQWQDoYipR+crHHOuiekAQi4PbDc5IT2uGznA2P6rjxyAxxJouljtzGchruVmGPRHHqHFcvFsSGNLhxDFXCKEGyvuNN7uz7kp8tKem7dhW+/pZM6zVjSnynwJjhPCUbbgpQ4zF0pnNx92HtWVdubA+Y8ZPlMjnY98P40ChZMt10GZFPQxVBKB/GZCub1IrlkviPYqzTPSICgUfeCIojnChHEOf7wTaV1WBXOYQGgRhLAoxHSg9Tc5RZ/+iWqnKXy0FInueha+MAap9CfjZhJ2W1urD89lW4esXfV2v4w==) (lines 5-8), but nothing happens in dashboard 2.0, the logo does not appear.  
The following code has been tried:

```auto
<template>
  <v-card flat>
    <v-toolbar color="primary" dark extended flat>
      <v-app-bar-nav-icon>
        <img
          :src="'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEX///+/v7+jQ3Y5AAAADklEQVQI12P4AIX8EAgALgAD/aNpbtEAAAAASUVORK5CYII'"
          style="padding-left: 1px"
        />
      </v-app-bar-nav-icon>
    </v-toolbar>
    <v-card class="mx-auto" max-width="700" style="margin-top: -64px">
      <v-toolbar flat> </v-toolbar>
    </v-card>
  </v-card>
</template>

```

I'm also open to any other ideas for how to customize the top bar logo. For example, is it possible to use a different component, or to modify the existing CSS?

Any help would be greatly appreciated!

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [25 January 2024 10:11 UTC](https://discourse.nodered.org/t/dashboard-2-0-top-bar-icon/84655/2 "2024-01-25T10:11:20Z")

</div>

Hi! Sorry for the delay in getting back to you. Unfortunately, this isn't possible currently, but if you don't mind opening an issue [here](https://github.com/FlowFuse/node-red-dashboard/issues) then we can look at implementing it in the near future.

---

<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:** [24 February 2024 10:11 UTC](https://discourse.nodered.org/t/dashboard-2-0-top-bar-icon/84655/3 "2024-02-24T10:11:29Z")

</div>

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