Set Console App' Tab Icon size

Question

I have a Console app with a custom Lightning page where I have set the tab icon and name using:

 workspaceAPI.setTabLabel({
                tabId: focusedTabId,
                label: a
            });
             workspaceAPI.setTabIcon({
                tabId: focusedTabId,
                 icon: "utility:description",
                 iconAlt: "Description",
             });

I am having trouble setting the size of the tab icon to small.

Answer 1

tl;dr - use "standard" icons

In case it is helpful for future readers, I was able to find a solution to this.

I was just building out an aura tab and encountered this same issue. While most icons appeared too large for the tab, I found that any icons selected from the "standard" category rendered correctly (in both size and color). The list of "standard" icons can be found here.

Code Example with Images

For example, in the setTabIcon method:

 workspaceAPI.setTabIcon({
    tabId: focusedTabId,
     icon: "utility:custom_apps",
     iconAlt: "Description",
 });

using an icon selection like this will render the icon incorrectly:

icon: "utility:custom_apps",

But using a standard icon will render the size and color appropriate for lightning tabs

icon: "standard:custom"

Answer 2

Only 3 parameters - tabId, icon, iconAlt are available for setting Icons setTabIcon and 2 parameters - tabId, label are available for setting label setTabLabel. You cannot change any other properties including size of icon. That will lead to disruption in the standard lightning experience and so that will not be allowed and not exposed.

Answer 3

You can do it by using the same tab icon and replacing 'utility' with 'standard'.

Previous code- workspaceAPI.setTabIcon({ tabId: focusedTabId, icon: "utility:custom_apps", iconAlt: "Description", });

Updated Code- workspaceAPI.setTabIcon({ tabId: focusedTabId, icon: "standard:custom_apps", iconAlt: "Description", });