WIP: Default Icon Property Locks Styling and Prevents Switching Between Icon Types

Browser: Chrome 110
OS: Windows

When I set a default icon with fill in the icon property, and later try to switch to an icon that uses stroke, the stroke value doesn’t apply. It keeps using the original fill style. The same issue happens in reverse — if the default icon uses stroke, switching to a fill-based icon doesn’t work either.

Additionally, if I set a default icon from the icon set, and later try to use a custom SVG, the SVG doesn’t render at all. It seems the component only respects the initially set default and blocks any further updates.

Hi Arafat,
Thanks so much for your report!

I can replicate the problem and have added it to the internal bug tracker. Unfortunately, the icon property still has quite a few problems, as far as I can see. We will update this thread as soon as it is fixed.

Best regards,
timmse