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.
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.
Please let us know if you are still experiencing issues.
As with any pre-stable release, please do not use it on a production/live website. It is only meant for testing in a local or staging environment. The more feedback we get, the better
