Is it possible to increase the click area of an icon in the svg node?
The problem now is that for example in the film icon the click event only occurs when clicking on the black lines of the icon, clicking on the grey parts (inside) of the film icon will not trigger a click event.
This not not handy on a touch screen , you miss always the right spot to click.
Tried it by overlaying an transparent square, but the square will only generate a click event when it's not transparent and a not transparent square will mess up my design.
BTW other mechanism are based on increasing the padding of the element (see e.g. here, or by appling a thick transparent border. I have tried that but it didn't work in my test. Would have been nice, because then you would only have to apply a simple CSS style to your clickable shapes, instead of having to add invisible circles all over the place...