# Register management section with custom icon

**URL:** https://discuss.elastic.co/t/register-management-section-with-custom-icon/171185
**Category:** Kibana
**Created:** [March 6, 2019, 6:59pm UTC](https://discuss.elastic.co/t/register-management-section-with-custom-icon/171185 "2019-03-06T18:59:55Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![ENG618](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/eng618/32/59206_2.png) [@ENG618](https://discuss.elastic.co/u/ENG618)
#### Post date: [March 6, 2019, 6:59pm UTC](https://discuss.elastic.co/t/register-management-section-with-custom-icon/171185/1 "2019-03-06T18:59:55Z")

</div>

I'm updating our app from kibana 5.6 to 6.5, and the changes to the management section broke the icon.

I see that it is all based on the EuiIcon key being passed in when registering the section as follows.

```auto
import { management } from 'ui/management';

management.register('our-plugin', {
  display: 'Our Plugin',
  order: 40,
  icon: 'logoKibana'
});

```

However I have a custom svg that is not provided in your library. Is there a way to either register the svg from our plugin or another way around this to put our svg inline with the rest of the sections?

---

<div class="post-metadata">

### Author: ![ppisljar](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ppisljar/32/11588_2.png) [@ppisljar](https://discuss.elastic.co/u/ppisljar)
#### Post date: [March 7, 2019, 2:18pm UTC](https://discuss.elastic.co/t/register-management-section-with-custom-icon/171185/2 "2019-03-07T14:18:08Z")

</div>

looking thru the code it seems only euiIcons are available, i'll ask someone to confirm

---

<div class="post-metadata">

### Author: ![ENG618](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/eng618/32/59206_2.png) [@ENG618](https://discuss.elastic.co/u/ENG618)
#### Post date: [March 7, 2019, 3:19pm UTC](https://discuss.elastic.co/t/register-management-section-with-custom-icon/171185/3 "2019-03-07T15:19:19Z")

</div>

Thanks, I did see there is a Third Party Logos section on the following page.

[https://elastic.github.io/eui/#/display/icons](https://elastic.github.io/eui/#/display/icons)

is there no way to dynamically add an icon to the set from within my plugin. I saw the only exported variables was the `ICON_TYPES` which is only the keys for the EuiIcon set

```auto
export {
  ICON_TYPES,
  EuiIcon,
} from './icon';

```

---

<div class="post-metadata">

### Author: ![mattkime](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/mattkime/32/43522_2.png) [@mattkime](https://discuss.elastic.co/u/mattkime)
#### Post date: [March 7, 2019, 3:50pm UTC](https://discuss.elastic.co/t/register-management-section-with-custom-icon/171185/4 "2019-03-07T15:50:44Z")

</div>

@ENG618 You're correct, unfortunately we do not currently provide a method of using new icons. I created an issue so this may be addressed - [https://github.com/elastic/kibana/issues/32661](https://github.com/elastic/kibana/issues/32661)

This is the relevant line of code - [https://github.com/elastic/kibana/blob/master/src/legacy/ui/public/management/components/sidebar\_nav.tsx#L41](https://github.com/elastic/kibana/blob/master/src/legacy/ui/public/management/components/sidebar_nav.tsx#L41)

---

<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: [April 4, 2019, 3:50pm UTC](https://discuss.elastic.co/t/register-management-section-with-custom-icon/171185/5 "2019-04-04T15:50:46Z")

</div>

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