Bug - [Icon] - [Icon resets color to --pf-v5-c-icon__content--Color which is not always wanted]

[KKoukiou]

Describe the problem
it's a use case (at least in cockpit) to define icon buttons. When these needed to be resized we need to use the Icon wrapper around the icon, since Patternfly 5 removed the size property on the different icons from react-icons.
When this is used the color is reset to black.

How do you reproduce the problem?

<Button variant="plain" aria-label="Action">
      <Icon size="xl"><TimesIcon /></Icon>
</Button>

Expected behavior
The Icon color should inherit the 'plain' button variant color.

Is this issue blocking you?
CSS workaround, setting color: inherit.

Screenshots
Problematic screenshot:

Expected:

What is your product and what release date are you targeting?
Cockpit

[mcoker]

Hey @KKoukiou! This should be fixed now via patternfly/patternfly#5525. I updated the icon component to inherit color and font-size by default - though you could do that before using the isInline prop, it's the default behavior now. https://codesandbox.io/s/cocky-leaf-d3y4ti?file=/index.tsx