Icon of SideNavItem's inside a SideNavMenu are not visible

[objt-mni]

Detailed description

Describe in detail the issue you're having.

The icons of SideNavItem instances that are children of a SideNavMenu don't seem to be visible

Is this a feature request (new component, new icon), a bug, or a general issue?

Bug

Is this issue related to a specific component?

SideNavMenu, SideNavItem

What did you expect to happen? What happened instead? What would you like to see changed?

With the following code:

<ibm-sidenav [expanded]="active">
  <ibm-sidenav-item>
    <svg ibmIconTagGroup size="16"></svg>
    Single menu item
  </ibm-sidenav-item>
  <ibm-sidenav-menu title="Menu group">
    <ibm-sidenav-item>
      <svg ibmIconTagGroup size="16"></svg>
      Menu group child item
    </ibm-sidenav-item>
  </ibm-sidenav-menu>
</ibm-sidenav>

I expect menu item "Menu group child item" to have the same icon as menu item "Single menu item" on the left. But it's not the case, the icon is not there:

What browser are you working in?

Firefox and Chrome

What version of the Carbon Design System are you using?

Carbon Components: 10.41.0 Carbon Components Angular: 4.54.1