Filled icons with additional icon color fully instead of only the larger part

[adisiera]

When using some of the more complex icons, filling them with a different color changes the entirety of the icon, instead of only the larger part.

I'm talking about icons like ShieldLock and ShieldSettings. The expectation is that when you change their color, only the larger part changes color, but instead, everything changes color.

Here is a screengrab from StackBlitz:

[Hotell]

@adisiera

1. can you please share stackblitz with the repro ?

2. not sure if this is supposed to work

The expectation is that when you change their color, only the larger part changes color, but instead, everything changes color.

• can you define what do you mean by "larger part" ?
• note you are using filled icons, so that works as expected. ( the svg is on Path it is not constructed by 2 icons, thus you can color only everything )

[adisiera]

@Hotell

1. Stackblitz linked here: https://g8cfsjjwrun-uvk0--5173--96435430.local-corp.webcontainer.io

2. I mean by which that if we're using a complex icon (that is, an icon comprised of two differently sized icons), the expectation is that a filled icon with a changed color would not reflect the new color in the smaller-sized icon. In this example, the exclamation mark icon should remain black with a white background. And if not, it should be an option. It's a behavior we see in sensitivity labels.