In Safari but not in Chrome applying svg mask on svg icon renders blurry edges. I've created minimal reproducible example... at least I hope that it's reproducible. Because this effect is not constant:

• some random changes in unrelated parts of a page can "fix" the bug.
• after these changes if I refresh the page - the bug disappears or reappears at random. Sometimes the switch happens when I duplicate a tab, or open the page in a new tab manually entering the url in the address bar, or when I open a new private window