Changing Kibana logo on the top left hand side

Elastic Stack Kibana
1

I am currently on Kibana 6.0 and I used these steps below suggested by
tatdatTat Dat Pham and still not able to see my company logo, please advise.

Reena

For change logo, find file "global_nav.less"

(kibana directory)/src/ui/public/chrome/directives/global_nav/global_nav.less

Change to

background-image: url("~ui/images/your-company-logo.png"); -- line 35

You must upload your logo in folder

(kibana directory)/src/ui/public/images/

2

Have you tried changing it by replacing the file for ex: "abcd.svg" present under the directory "/usr/share/kibana/optimize/bundles/".Images with png extension works as well.
Refreshing the browser alone is sufficient.
Path; /usr/share/kibana/optimize/bundles/src/ui/public/images

Thanks
Rashmi

3

There are multiple .svg files which one do i replace?

-rw-rw-r--. 1 kibana kibana 1718 Dec 13 13:18 f1db327547974915c7a903d2e5e9eedc.svg
-rw-rw-r--. 1 kibana kibana 1718 Dec 13 13:18 d1c95c8e85228e93547df753065c0867.svg
-rw-rw-r--. 1 kibana kibana 1150 Dec 13 13:18 ccd9193f3b8af43575b17f6b00df04ae.svg
-rw-rw-r--. 1 kibana kibana 3057 Dec 13 13:18 ae11252ad19209059498cac1cd1addd7.svg
-rw-rw-r--. 1 kibana kibana 1089 Dec 13 13:18 a3b2c394347b7dba49ca15464bb9e234.svg
-rw-rw-r--. 1 kibana kibana 1409 Dec 13 13:18 a04c09b6eda01f84b583ed59e958afdc.svg
-rw-rw-r--. 1 kibana kibana 3181 Dec 13 13:18 9ad9ca7ab44828ee57b75fdd76a84567.svg
-rw-rw-r--. 1 kibana kibana 1698 Dec 13 13:18 97bdb00c6bb0f0858161ef433ea62640.svg
-rw-rw-r--. 1 kibana kibana 108738 Dec 13 13:18 89889688147bd7575d6327160d64e760.svg
-rw-rw-r--. 1 kibana kibana 1626 Dec 13 13:18 86581dc57044730966dee64f92133ee2.svg
-rw-rw-r--. 1 kibana kibana 138204 Dec 13 13:18 7c87870ab40d63cfb8870c1f183f9939.ttf
-rw-rw-r--. 1 kibana kibana 355981 Dec 13 13:18 76a4f23c6be74fd309e0d0fd2c27a5de.svg
-rw-rw-r--. 1 kibana kibana 1747 Dec 13 13:18 74725229b8c17a39c35d6cf26a989557.svg
-rw-rw-r--. 1 kibana kibana 2597 Dec 13 13:18 71676fac241b6e6e51614074cf72152c.svg
-rw-rw-r--. 1 kibana kibana 1807 Dec 13 13:18 69d89e51f62b6a582c311c35c0f778aa.svg
-rw-rw-r--. 1 kibana kibana 1624 Dec 13 13:18 6199ab7146b1eb859db9ffd2b9b786d3.svg
-rw-rw-r--. 1 kibana kibana 1380 Dec 13 13:18 5a2ae67159a441fd4b6cf30c0c6cc5b1.svg
-rw-rw-r--. 1 kibana kibana 2995 Dec 13 13:18 4eae70b44c4e3b69f2357bff8f1e67f1.svg
-rw-rw-r--. 1 kibana kibana 1271 Dec 13 13:18 4be5b8808b5216ee6b6a1a4a29493e32.svg
-rw-rw-r--. 1 kibana kibana 4457 Dec 13 13:18 3c9862715546cd524edf3b9fa7516994.svg
-rw-rw-r--. 1 kibana kibana 1587 Dec 13 13:18 3211ece03a463a51c356a406827c30c0.svg
-rw-rw-r--. 1 kibana kibana 569 Dec 13 13:18 31c86fc56ac59def71b7d7cff315270b.svg
-rw-rw-r--. 1 kibana kibana 1301 Dec 13 13:18 283abe380441c6725a8faf00adfd138c.svg
-rw-rw-r--. 1 kibana kibana 750 Dec 13 13:18 1f5de7e3ff25f0b0acccfa328794c7ea.svg
-rw-rw-r--. 1 kibana kibana 3727 Dec 13 13:18 0c6dccf6e8d60a35330c60a8831b1c08.svg
-rw-rw-r--. 1 kibana kibana 1173 Dec 13 13:18 05997d91a7ba91b3eb8774591478f045.svg

4

Replace the kibana logo? Follow this for more ref.

5

There is no such file elk.ico for my installation of Kibana 6.0

6

It took me a while to figure this out (even with provided documentation in the forums here).
But here is the steps that I take:

Take note of this file: /usr/share/kibana/src/ui/public/images/kibana.svg
*** This file is your corporate logo template. I used the Inkspace app to edit it, add in our corporate logo, etc.

Make a backup of it. Note: This logo svg will be replaced automatically between updates/upgrades of Kibana - every time. Remember this.

  1. Once you have your edited SVG ready to go, copy it back to /usr/share/kibana/src/ui/public/images/kibana.svg (overwrite the file).

  2. Stop the Kibana service.

  3. Install a Kibana plugin, such as X-Pack. Example:/usr/share/kibana/bin/kibana-plugin install x-pack

  4. Wait for the "Optimizing and caching browser bundles" process to complete. This can take a while, up to 20 minutes.

  5. When done, start Kibana and log in. Verify the logo is set up to your liking.

  6. Wash, rinse, repeat on other Kibana nodes (if applicable).

  7. Optional: If you aren't licensed for X-Pack, buy a subscription :slight_smile: Otherwise stop the Kibana service, remove the X-Pack plugin /usr/share/kibana/bin/kibana-plugin install x-pack, then start Kibana.
    *The optimization process only runs when you install a plugin, not when you remove one.

This process works for me in Kibana v5.x versions as well as 6.0 and 6.1. Things may change in 6.2 though....
I'm not sure how to change the browser favicon yet. Personally, I'm ok with the Kibana favicon so it is low priority for me to figure out how to get that swapped out with my corp icon.

1 Like
7

Thank you, i will try this and let you know how it goes!!!

Tried these steps and since i do not have a license for x-pack i'm stuck. I will keep trying though and see if i am successful.

1 Like
8

You can install x-pack to get a free 30 day license. Plz check here for docs:
https://www.elastic.co/guide/en/x-pack/current/license-management.html

Thanks
Rashmi

9

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