While using some tools like IcoMoon to extend the icon collection to fit more with my project theme, I face an issue with dual color icons.

I am talking about the icons that is defacto mono color, but some paths has opacity, to apply shadow or set background color for example.

This icons inherit a single color form its parent, or by applied color using classes, like normal icons.

Some icons may be rendered with many paths. If the icon need 1 or 2 paths, it can be applied with pseudo elements, "::before" and "::after".

Icon: delete-01

Icon: delete-02

However, if it need more than 2 paths, then OutSystems' icon widget cannot be used. Instead I uses "HTML Element" and add "span" elements in it.

Icon: delete-03 

So it would be easier if the Icon widget detects the number of needed paths by it self, or has a lot of paths appended in it to support a wider range of icons in it.