Can I change favicon on wazuh logo?

[Le Sok]

Hello everyone,
I want to customize the favicon of Wazuh, is it possible to do that?

Best regards,

[Himanshu Sharma]

Hi Team,

The Custom branding documentation shows the steps to replace the Wazuh logo with a custom one. This is applicable to 

• Logos in the Wazuh dashboard.
• Logo, header, and footer in PDF reports.

As you want to change the logo for favicon I have tested this in my local lab and confirmed in my lab environment that it is possible to change the favicon.

The definitions of the favicons are located in the file /usr/share/wazuh-dashboard/src/core/server/rendering/views/template.js.

Then, below in that file, you have the favicons paths definition:

/*#__PURE__*/_react.default.createElement("link", {
    rel: "icon",
    type: "image/png",
    sizes: "32x32",
    href: favicon !== null && favicon !== void 0 ? favicon : `${uiPublicUrl}/favicons/favicon-32x32.png`
  }), /*#__PURE__*/_react.default.createElement("link", {
    rel: "icon",
    type: "image/png",
    sizes: "16x16",
    href: favicon !== null && favicon !== void 0 ? favicon : `${uiPublicUrl}/favicons/favicon-16x16.png`

.....

/*#__PURE__*/_react.default.createElement("link", {
    rel: "shortcut icon",
    href: favicon !== null && favicon !== void 0 ? favicon : `${uiPublicUrl}/favicons/favicon.ico`

That reference the files located in this folder: /usr/share/wazuh-dashboard/src/core/server/core_app/assets/favicons. You can either change the paths or replace the favicons for your custom ones. In my test, I’ve just changed the icons. It’s advisable to back up the configuration file and favicons files before making the changes.

Then, you will have to restart wazuh-dashboard by executing the following command: systemctl restart wazuh-dashboard

 Default favicon:

Custom favicon:

I hope it helps you.

Thanks!