How do you make a shape clickable?
SVG shapes
The simplest way to make a portion of an SVG clickable is to add an SVG hyperlink element to the markup. This is as easy as wrapping the target with an <a> tag, just as you would a nested html element. Your <a> tag can surround a simple shape or more complex paths.
What are clickable elements?
In this article, we show how to make any HTML element clickable. This means that whenever you hover over the element with your mouse, the pointer cursor will be shown. There are actually a few ways of doing this for most elements. For other elements, there is only one proven way to make an element clickable.
What are clickable hyperlinks?
Hyperlinks are clickable words or images that navigate to other web content. They can connect with almost any resource on the web. When clicked, they'll either take you to a web address immediately or, for certain types of files, give you the option to open a document with an app (like Adobe Reader to open a PDF).