Use custom icon on launcher item

JupyterLab
1

Hey folks,

I’m developing this extension for JupyterLab and I would like to add a custom SVG icon to a launcher item that I’ve created. This icon is placed on my style folder but it isn’t being displayed in the launcher item.

This is where the SVG is placed on my project directory:

Screen Shot 2020-07-27 at 17.38.17
Screen Shot 2020-07-27 at 17.38.17620×630 38.6 KB

This is what I’ve done:

   const url = PageConfig.getBaseUrl() + 'proxy/';

    const launcher_item : ILauncher.IItemOptions = {
        command: command,
        args: {
          url: url,
          newBrowserTab: true,
          title: 'Running Server',
          id: 'server-launcher'
        },
        category: 'Notebook'
    };
  
    launcher_item.kernelIconUrl =  '../style/icons/server.svg'
    
    launcher.add(launcher_item);

And this is how it’s shown in the UI:

Screen Shot 2020-07-28 at 08.28.39
Screen Shot 2020-07-28 at 08.28.391134×650 30.7 KB

I’ve also tried to create an icon using the ui-components package and set it in the command being used in my launcher item but that didn’t work either.

const serverIcon = new LabIcon({ name: 'ui-components:server-proxy', svgstr: '../style/icons/server.svg' });

Could someone please help me with this?

Thanks in advance.

Change Launcher Icons - how?