The <a> SVG element creates a hyperlink to other web pages, files, locations in the same page, email addresses, or any other URL. It is very similar to HTML’s <a> element.
SVG's <a> element is a container, which means you can create a link around text (like in HTML) but also around any shape.
downloadInstructs browsers to download a URL instead of navigating to it, so the user will be prompted to save it as a local file. Value type: <string> ; Default value: none; Animatable: nohrefThe URL or URL fragment the hyperlink points to. Value type: <URL> ; Default value: none; Animatable: yeshreflangThe human language of the URL or URL fragment that the hyperlink points to. Value type: <string> ; Default value: none; Animatable: yespingA space-separated list of URLs to which, when the hyperlink is followed, POST requests with the body PING will be sent by the browser (in the background). Typically used for tracking. For a more widely-supported feature addressing the same use cases, see Navigator.sendBeacon(). Value type: <list-of-URLs> ; Default value: none; Animatable: noreferrerpolicyWhich referrer to send when fetching the URL. Value type: no-referrer|no-referrer-when-downgrade|same-origin|origin|strict-origin|origin-when-cross-origin|strict-origin-when-cross-origin|unsafe-url ; Default value: none; Animatable: norelThe relationship of the target object to the link object. Value type: <list-of-Link-Types> ; Default value: none; Animatable: yestargetWhere to display the linked URL. Value type: _self|_parent|_top|_blank|<name> ; Default value: _self; Animatable: yestypeA MIME type for the linked URL. Value type: <string> ; Default value: none; Animatable: yesxlink:hrefThe URL or URL fragment that the hyperlink points to. May be required for backwards compatibility for older browsers. Value type: <URL> ; Default value: none; Animatable: yes