Register management section with custom icon

[ENG618 (Eric)]

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.

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?

[ppisljar (Peter Pisljar)]

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

[ENG618 (Eric)]

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

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

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

[mattkime (Matthew Kime)]

@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

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