# Logo change

**URL:** <https://discuss.elastic.co/t/logo-change/226370>\
**Category:** Kibana\
**Created:** [April 3, 2020, 9:23am UTC](https://discuss.elastic.co/t/logo-change/226370 "2020-04-03T09:23:56Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![cyberzlo](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/cyberzlo/32/65490_2.png) [@cyberzlo](https://discuss.elastic.co/u/cyberzlo)\
**Post date:** [April 3, 2020, 9:23am UTC](https://discuss.elastic.co/t/logo-change/226370/1 "2020-04-03T09:23:56Z")

</div>

How can I change logo in newest Kibana?

---

<div class="post-metadata">

**Author:** ![matw](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/matw/32/13913_2.png) [@matw](https://discuss.elastic.co/u/matw)\
**Post date:** [April 3, 2020, 9:44am UTC](https://discuss.elastic.co/t/logo-change/226370/2 "2020-04-03T09:44:15Z")

</div>

Hi cyberzlo

Here's a guide to change it in Kibana 7.4

> [@Replace the kibana logo in version 7.4](https://discuss.elastic.co/t/replace-the-kibana-logo-in-version-7-4/204161/7):
>
> @matw this worked like a charm thanks! I ended up making a custom plugin with a hack UI export then had it import a .less file so I know the rules will always stick.

there's no official way to do this

Best,  
Matthias

---

<div class="post-metadata">

**Author:** ![matw](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/matw/32/13913_2.png) [@matw](https://discuss.elastic.co/u/matw)\
**Post date:** [April 3, 2020, 9:45am UTC](https://discuss.elastic.co/t/logo-change/226370/3 "2020-04-03T09:45:41Z")

</div>

It might be a bit different in newest Kibana, but the process is the same, you've to tweak CSS for that

---

<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 24, 2020, 4:39am UTC](https://discuss.elastic.co/t/logo-change/226370/4 "2020-04-24T04:39:27Z")

</div>

This looks promising, but in the post it just says to adjust index.js... which one?! Do you know the paths to the 3 files he mentions? I'm using 7.6

---

<div class="post-metadata">

**Author:** ![matw](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/matw/32/13913_2.png) [@matw](https://discuss.elastic.co/u/matw)\
**Post date:** [April 24, 2020, 7:41am UTC](https://discuss.elastic.co/t/logo-change/226370/5 "2020-04-24T07:41:36Z")

</div>

You need to create a custom plugin, that would contain those files.

Here's a how you can create a custom plugin:  
[https://www.elastic.co/guide/en/kibana/current/development-plugin-resources.html](https://www.elastic.co/guide/en/kibana/current/development-plugin-resources.html)

Best,  
Matthias

---

<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:44pm UTC](https://discuss.elastic.co/t/logo-change/226370/6 "2020-04-27T23:44:23Z")

</div>

FYI for anyone needing it, I did this for 7.6.2.. and I'm guessing it would work for some other versions as well in 7.X. See [https://github.com/thekofimensah/changeKibanaLogo7.6](https://github.com/thekofimensah/changeKibanaLogo7.6)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [May 25, 2020, 11:44pm UTC](https://discuss.elastic.co/t/logo-change/226370/7 "2020-05-25T23:44:28Z")

</div>

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