Audit icons used in KIcons to see if any need to be updated so their color can be overridden

[marcellamaki]

Product

Kolibri

There have been ongoing occasional instances where KIcons are not exactly the color they are expected. Either the :color prop doesn't work, because the icon is not exported in a format that is overrideable, or the KIcon is being set with a theme token when perhaps it shouldn't.

We may need to adjust KIcon itself to accept default or override colors, adjust how we are using theme tokens, or change the actual icons themselves so that the svg is in a different format, or some combination.

The purpose of this issue is to further investigate and plan, and come up with a proposed solution (which will be a separate issue).

(cc @jtamiace @radinamatic)

[laxmikanta415]

@marcellamaki the default value of the color if no prop is passed is set to null that may be causing the unexpected behaviour.

Can you add screenshot of what the problem scenario exactly is as i am unable to reproduce if a value is set for color prop ?