Make only filled/painted parts of an SVG interactive This is pretty neat: you can use pointer-events: visiblePainted; to make only the filled (painted) part of an SVG respond to the pointer. Source link CodePen - Stuff you can do with CSS pointer events Tags CSS - Pointer events Pointer SVG