# Branding the logo and favicons

**URL:** <https://forum.opensearch.org/t/branding-the-logo-and-favicons/4252>\
**Category:** Open Source Elasticsearch and Kibana\
**Created:** [November 21, 2020, 2:45pm UTC](https://forum.opensearch.org/t/branding-the-logo-and-favicons/4252 "2020-11-21T14:45:40Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gurulee](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.opensearch.org/gurulee/32/905_2.png) [@Gurulee](https://forum.opensearch.org/u/Gurulee)\
**Post date:** [November 21, 2020, 2:45pm UTC](https://forum.opensearch.org/t/branding-the-logo-and-favicons/4252/1 "2020-11-21T14:45:40Z")

</div>

Thought I’d share 😉

The definitions of the title and the favicons are located in the file: /usr/share/kibana/src/core/server/rendering/views/template.js.

There you have the following line for Title definition (Elastic):

/_# **PURE** _/\_react.default.createElement(“title”, null, “Elastic”), /_# **PURE** _/\_react.default.createElement(\_fonts.Fonts, {  
url: uiPublicUrl  
}

=============

The favicon files located in this folder:/usr/share/kibana/src/core/server/core\_app/assets/favicons

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

/_# **PURE** _/\_react.default.createElement(“link”, {  
rel: “icon”,  
type: “image/png”,  
sizes: “32x32”,  
href: `${uiPublicUrl}/favicons/favicon-32x32.png`  
}), /_# **PURE** _/\_react.default.createElement(“link”, {  
rel: “icon”,  
type: “image/png”,  
sizes: “16x16”,  
href: `${uiPublicUrl}/favicons/favicon-16x16.png`  
}),

…

```
   /*# __PURE__ */_react.default.createElement("link", {
rel: "shortcut icon",
href: `${uiPublicUrl}/favicons/favicon.ico`

```

})

---

<div class="post-metadata">

**Author:** ![GSmith](https://avatars.discourse-cdn.com/v4/letter/g/bbe5ce/32.png) [@GSmith](https://forum.opensearch.org/u/GSmith)\
**Post date:** [November 24, 2020, 9:53pm UTC](https://forum.opensearch.org/t/branding-the-logo-and-favicons/4252/2 "2020-11-24T21:53:04Z")

</div>

You can also customize the logon screen via properties in the kibana.yml file; specifically the following:

```
opendistro_security.basicauth.login.brandimage
opendistro_security.basicauth.login.title
opendistro_security.basicauth.login.subtitle

```

This appears to be functionality contributed from SearchGuard to ODFE. More info on options available in their [doc](https://docs.search-guard.com/latest/kibana-login-customizing).

---

<div class="post-metadata">

**Author:** ![cnguyen](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.opensearch.org/cnguyen/32/1143_2.png) [@cnguyen](https://forum.opensearch.org/u/cnguyen)\
**Post date:** [February 18, 2021, 7:17pm UTC](https://forum.opensearch.org/t/branding-the-logo-and-favicons/4252/3 "2021-02-18T19:17:33Z")

</div>

Though the SearchGuard doc says it should be an absolute URL, you can use a relative URL. If you are using Kibana docker and have set, for example, _brandimage_ to _/plugins/home/assets/logos/logo.svg_. Then the place to put your logo in the container will be at **/usr/share/kibana/src/plugins/home/public/assets/logos/logo.svg**. In fact, the default open distro logo is located here as well as other company logos.

I believe you can place into any directory under src that has a **“public”** in its name, but I have not tested that fully.