[IxMenuItem] Allow rendering of custom icons

[robert-wettstaedt]

Suggestion / feature request

There are a lot of feature requests to add icons to the industrial icon pack.

• Icons for install and uninstall #535
• Icon for app and app installation #709
• Icons for Maintenance task start and end #654
• Need icons for signature validity. #668
• Industrial icon for electrical energy #653
• Icons for Vehicles #493
• Icons for System Commands and Backup #472

Even more can be found in the repo of the icons package.

I think some of them could be avoided if there was a possibility to render custom icons in iX. Right now, I believe the navigation is the only place where there is no workaround for this.

So I suggest adding a slot with the name icon that will be rendered instead of the default IxIcon, such as:

<IxBasicNavigation>
  <IxMenu>
    <ixMenuItem> 
      <slot name="icon">
        <svg><path d="..."/></svg>
      </slot>
      
      Item 1
    </IxMenuItem>
  </IxMenu>
</IxBasicNavigation>

[danielleroux]

Thanks for your idea!
We already talked alot about this topic. We planning to provide a functionality to use custom SVG inside our components. This will be part of the upcoming 2.0.0 release.

[robert-wettstaedt]

Sounds good! Is there anything that can be tested in the current 2.0.0 beta already?

[danielleroux]

Not in the latest beta. My plan is to release a new beta mid/end of next week. I hope until then we can a least provide the functionality for custom svg icons but without a documentation.

[seb-spang]

This enhancement would be very appreciated by my team as well. In particular being able to render custom SVGs inside an IxIconButton.