v8.1.0rc1
I’m using unset to force the colour to fall back to the parent styling.

Designer:
![]()
Browser (Chrome and Chromium Edge):
![]()
Style class definition:

v8.1.0rc1
I’m using unset to force the colour to fall back to the parent styling.

Designer:
![]()
Browser (Chrome and Chromium Edge):
![]()
Style class definition:

What does the element’s style cascade look like in browser dev tools?

if I remove the fill:unset; it works, the green comes through
Compared to the SVG that works:

This is actually what we’re looking for. It looks like the Style Class is being overridden by the unset value. Even removing that value results in the icon taking on a value of currentColor, which is incorrect.

Update: It looks like I already opened a bug for this a long while ago, and we just haven’t gotten to it yet.