# Replace the kibana logo?

**URL:** <https://discuss.elastic.co/t/replace-the-kibana-logo/27547>\
**Category:** Kibana\
**Created:** [August 18, 2015, 3:56am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547 "2015-08-18T03:56:00Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![jersearls](https://avatars.discourse-cdn.com/v4/letter/j/49beb7/32.png) [@jersearls](https://discuss.elastic.co/u/jersearls)\
**Post date:** [August 27, 2017, 10:08pm UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/41 "2017-08-27T22:08:34Z")

</div>

I just did this with Kibana 5.5, the file I changed was at:

/home/elastic/kibana-5.5.0-linux-x86\_64/src/ui/public/images/kibana.svg

I imported my .svg and renamed it to match the existing kibana.svg

After changing it, I bounced Kibana, but no luck.

To get the image to appear I had to force the JS to recompile, meaning I had to install a plugin.

> **[PhaedrusTheGreek/transform\_vis](https://github.com/PhaedrusTheGreek/transform_vis)**
>
> transform\_vis - Transform Visualization for Kibana

I chose this plugin, once the plugin was installed, I restarted Kibana, and my .svg was there!

---

<div class="post-metadata">

**Author:** ![StarkCandy](https://avatars.discourse-cdn.com/v4/letter/s/9dc877/32.png) [@StarkCandy](https://discuss.elastic.co/u/StarkCandy)\
**Post date:** [November 7, 2017, 5:03am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/42 "2017-11-07T05:03:39Z")

</div>

I tried this and the loading logo changed instead of the logo on the left hand upper corner of the dashboard. Any idea why this could be happening? I'm using version 5.6

---

<div class="post-metadata">

**Author:** ![iam.xtreme](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/iam.xtreme/32/20143_2.png) [@iam.xtreme](https://discuss.elastic.co/u/iam.xtreme)\
**Post date:** [November 8, 2017, 10:04am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/43 "2017-11-08T10:04:57Z")

</div>

I guess the Kibana executable need to be re-bundled/re-optimized after changes. Any idea how this can be acheived?

---

<div class="post-metadata">

**Author:** ![Mayura\_Adya](https://avatars.discourse-cdn.com/v4/letter/m/da6949/32.png) [@Mayura\_Adya](https://discuss.elastic.co/u/Mayura_Adya)\
**Post date:** [November 21, 2017, 5:55am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/44 "2017-11-21T05:55:13Z")

</div>

There's no such file in the 5.6.2 verison

---

<div class="post-metadata">

**Author:** ![Mayura\_Adya](https://avatars.discourse-cdn.com/v4/letter/m/da6949/32.png) [@Mayura\_Adya](https://discuss.elastic.co/u/Mayura_Adya)\
**Post date:** [November 21, 2017, 7:25am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/45 "2017-11-21T07:25:16Z")

</div>

Go to the file : kibana-5.6.2/optimize/bundles/commons.style.css  
search - logo.kibana  
you will see a url in it . delete that url and replace it with your URL

---

<div class="post-metadata">

**Author:** ![iam.xtreme](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/iam.xtreme/32/20143_2.png) [@iam.xtreme](https://discuss.elastic.co/u/iam.xtreme)\
**Post date:** [December 8, 2017, 11:00am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/46 "2017-12-08T11:00:22Z")

</div>

You can also write a kibana plugin and introduce a 'hack' to override the default CSS.  
This will help you in maintenance as well as version upgrades.

---

<div class="post-metadata">

**Author:** ![radi](https://avatars.discourse-cdn.com/v4/letter/r/4491bb/32.png) [@radi](https://discuss.elastic.co/u/radi)\
**Post date:** [January 19, 2018, 10:55am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/47 "2018-01-19T10:55:25Z")

</div>

it's work for version 5.4 with instruction of @dedebe  
thank's

---

<div class="post-metadata">

**Author:** ![radi](https://avatars.discourse-cdn.com/v4/letter/r/4491bb/32.png) [@radi](https://discuss.elastic.co/u/radi)\
**Post date:** [January 19, 2018, 11:18am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/48 "2018-01-19T11:18:56Z")

</div>

> [@LeeDr](#):
>
> started Kibana

hello @LeeDr  
in your comment :  
"Then I stopped Kibana again, deleted everything from the optimize directory, started Kibana, waited for Optimizing to finish, refreshed my browser, and saw the modified image."

I'm confused between build and start!  
when I need to use the build after add modification ( for information i use open source kibana 5.4)?  
and when i need to use just npm strat after modification ?  
Can you explain this to me, please?

thanks  
radi

---

<div class="post-metadata">

**Author:** ![alexus](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/alexus/32/12696_2.png) [@alexus](https://discuss.elastic.co/u/alexus)\
**Post date:** [January 31, 2018, 8:52pm UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/49 "2018-01-31T20:52:35Z")

</div>

[Kibana custom logo replace change - Kibana - Discuss the Elastic Stack](https://discuss.elastic.co/t/kibana-custom-logo-replace-change/103426)

I was able to do it with kibana5.x and 6.x

---

<div class="post-metadata">

**Author:** ![Ravikumar\_G](https://avatars.discourse-cdn.com/v4/letter/r/71e660/32.png) [@Ravikumar\_G](https://discuss.elastic.co/u/Ravikumar_G)\
**Post date:** [March 12, 2018, 6:54pm UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/50 "2018-03-12T18:54:17Z")

</div>

> [@Ravikumar\_G](#):
>
> vi /usr/share/kibana/optimize/bundles/commons.style.css

Did anyone try with 6.1.3 ?

---

<div class="post-metadata">

**Author:** ![rashmi](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rashmi/32/16391_2.png) [@rashmi](https://discuss.elastic.co/u/rashmi)\
**Post date:** [March 12, 2018, 7:10pm UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/51 "2018-03-12T19:10:59Z")

</div>

Shouldn't be any different on 6.1.3 as well. Try it and let us know .

Cheers  
Rashmi

---

<div class="post-metadata">

**Author:** ![GMartinez-Sisti](https://avatars.discourse-cdn.com/v4/letter/g/ee7513/32.png) [@GMartinez-Sisti](https://discuss.elastic.co/u/GMartinez-Sisti)\
**Post date:** [April 17, 2018, 2:46pm UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/52 "2018-04-17T14:46:03Z")

</div>

Hey Guys!

Thank you for all your suggestions! I've done this using Ansible 2.5.0 and Kibana 6.2.3 and worked like a charm.

Here are the important bits, using an Ansible role:

## default:

#### main.yml

```auto
---
kibana_path: '/usr/share/kibana'

```

## files:

#### kibana/custom.styles.css

```auto
.global-nav .logo-small.kibana,
.global-nav .logo.kibana {
    /* background-color: #333333; */
    /* override the background */
    background-image: url( __REPLACE_WITH_PUBLIC_PATH__ custom_logo.svg);
    /* replace kibana Logo */
}

```

#### kibana/custom\_logo.svg

## handlers:

#### main.yml

```auto
---
- name: Restart kibana
  service:
    name: kibana
    state: restarted

```

## tasks:

#### main.yml

```auto
---
- name: Kibana | Custom Logo 1/2 | Copy files
  copy:
    src: "{{ item }}"
    dest: "{{ kibana_path }}/optimize/bundles"
    owner: kibana
    group: kibana
    mode: 0775
  with_fileglob:
    - kibana/*

- name: Kibana | Custom Logo 2/2 | Add CSS config
  lineinfile:
    path: "{{ kibana_path }}/src/ui/ui_render/views/ui_app.jade"
    regexp: "custom.style.css"
    insertafter: "commons.style.css"
    line: " bundleFile('custom.style.css'),"
    backup: yes
    state: present
  notify:
    - Restart kibana

```

Regards

---

<div class="post-metadata">

**Author:** ![frnklnfrancis](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/frnklnfrancis/32/30967_2.png) [@frnklnfrancis](https://discuss.elastic.co/u/frnklnfrancis)\
**Post date:** [May 9, 2018, 9:33am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/53 "2018-05-09T09:33:31Z")

</div>

In Kibana 5.6.2 we do not have the "images" folder under "public".  
Can anyone please help on the same?

Regards

---

<div class="post-metadata">

**Author:** ![frnklnfrancis](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/frnklnfrancis/32/30967_2.png) [@frnklnfrancis](https://discuss.elastic.co/u/frnklnfrancis)\
**Post date:** [May 9, 2018, 10:27am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/54 "2018-05-09T10:27:50Z")

</div>

Tested on 5.6.2 and it didn't work. Any help?

---

<div class="post-metadata">

**Author:** ![Sakthi08](https://avatars.discourse-cdn.com/v4/letter/s/a183cd/32.png) [@Sakthi08](https://discuss.elastic.co/u/Sakthi08)\
**Post date:** [March 6, 2020, 6:35am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/55 "2020-03-06T06:35:50Z")

</div>

Hi, did you try with Kibana v7.6.0 ? Any help

---

<div class="post-metadata">

**Author:** ![Ayakashi](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ayakashi/32/47285_2.png) [@Ayakashi](https://discuss.elastic.co/u/Ayakashi)\
**Post date:** [March 7, 2020, 7:05am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/56 "2020-03-07T07:05:31Z")

</div>

Also searching help for changing Logo in Version 7.6....

---

<div class="post-metadata">

**Author:** ![Tim\_Beermann1](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tim_beermann1/32/78611_2.png) [@Tim\_Beermann1](https://discuss.elastic.co/u/Tim_Beermann1)\
**Post date:** [April 15, 2020, 11:59pm UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/57 "2020-04-15T23:59:45Z")

</div>

The Kibana logo for 7.6.0 is create in `<kibana-home>/node_modules/@kbn/ui-shared-deps/target/icon.logo_kibana-js.js`.

---

<div class="post-metadata">

**Author:** ![seanziee](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/seanziee/32/45151_2.png) [@seanziee](https://discuss.elastic.co/u/seanziee)\
**Post date:** [April 27, 2020, 11:45pm UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/58 "2020-04-27T23:45:22Z")

</div>

FYI for anyone needing it, I did this for 7.6.2.. [Logo change](https://discuss.elastic.co/t/logo-change/226370/6)

---

<div class="post-metadata">

**Author:** ![Yonghai\_Yang](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/yonghai_yang/32/92952_2.png) [@Yonghai\_Yang](https://discuss.elastic.co/u/Yonghai_Yang)\
**Post date:** [August 13, 2021, 6:14am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/59 "2021-08-13T06:14:19Z")

</div>

the file is at '/usr/share/kibana/src/ui/public/images' it's develop path, not produce path.

---

<div class="post-metadata">

**Author:** ![Yonghai\_Yang](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/yonghai_yang/32/92952_2.png) [@Yonghai\_Yang](https://discuss.elastic.co/u/Yonghai_Yang)\
**Post date:** [August 13, 2021, 6:14am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/60 "2021-08-13T06:14:52Z")

</div>

/usr/share/kibana/src/ui/public/images

[Previous page](https://discuss.elastic.co/t/replace-the-kibana-logo/27547.md?page=2)

[Next page](https://discuss.elastic.co/t/replace-the-kibana-logo/27547.md?page=4)
