# Replace Kibana logo and loading icon in Kibana 7.0

**URL:** https://discuss.elastic.co/t/replace-kibana-logo-and-loading-icon-in-kibana-7-0/177854
**Category:** Kibana
**Created:** [April 22, 2019, 1:40pm UTC](https://discuss.elastic.co/t/replace-kibana-logo-and-loading-icon-in-kibana-7-0/177854 "2019-04-22T13:40:25Z")
**Posts on this page:** 1
**Showing post:** 3

<div class="post-metadata">

### Author: ![Sjaak01](https://avatars.discourse-cdn.com/v4/letter/s/73ab20/32.png) [@Sjaak01](https://discuss.elastic.co/u/Sjaak01)
#### Post date: [April 23, 2019, 2:54am UTC](https://discuss.elastic.co/t/replace-kibana-logo-and-loading-icon-in-kibana-7-0/177854/3 "2019-04-23T02:54:50Z")

</div>

Logo

> [@KB7 Custom Logo](https://discuss.elastic.co/t/kb7-custom-logo/176753/3):
>
> Okay I found a way to add your own logo. Probably pretty hacky but it works. Open one of these files depending on the theme you're using: /node\_modules/@elastic/eui/dist/eui\_theme\_light.css /node\_modules/@elastic/eui/dist/eui\_theme\_dark.css Find .euiHeaderLogo\_\_Icon and change opacity to 0. This will hide the original logo. Next look for euiHeaderLogo, should be right above .euiHeaderLogo\_\_Icon. Add some css such as background-image and background-repeat to add your own logo. Now look for .…

Loading icon

> [@Customize Kibana 6.5 Login Page](https://discuss.elastic.co/t/customize-kibana-6-5-login-page/157153/3):
>
> In case somebody else is looking into customizing Kibana 6.5 I've found the files that need to be edited for most of the basic stuff. Browser title and loading logo (1) kibana-6.5.0/src/ui/ui\_render/views/chrome.pug Look for "kibana" and change that to a different text if you want a different title displayed in the browser. If you want to change the Kibana logo in the circular loading logo, look for a base64 string and replace this with a base64 of your own image. You can also change the hex…

Keep in mind that in 7.0 the location of the mentioned files has changed. I can't check right now but I believe it is something like build\_assets/legacy. Just run a search for the text in the mentioned files and you should be able to quickly find the correct path.

---

_[View the full topic](https://discuss.elastic.co/t/replace-kibana-logo-and-loading-icon-in-kibana-7-0/177854)._
