Preventing Edge from showing the visual search icon when users hover over an image

Question

Microsoft Edge have recently added a new hover icon (visual search) to all images over a certain size on a webpage (it seems to show for all images above ~180px).

The user can remove it in Edge settings, but I'm looking for a solution in HTML/CSS to prevent this icon from showing when hovering over an img tag.

What the icon looks like

Icon after hover

An animated GIF showing the hover behavior

Answer 1

Try to use pointer-events: none; for image.

Keep in mind this will prevent certain JavaScript events like click and touch from triggering on the image and likely impacts accessibility (prevents touching the image to read the alt text in iOS Safari with VoiceOver for example).