やり方
aタグでsvgタグ全体を囲んでもリンク化することはできない。svgタグ内の図形をaタグで囲みxlink:href属性でリンク先を指定する。
<svg>
<a xlink:href="#">
<path></path>
</a>
</svg>
参考
SVGを使うときに知っておくといいことをまとめました - Qiita
SVGアイコンを実⽤するために知っておきたい、リンク周りの記述⽅法 | Webクリエイターボックス
More than 3 years have passed since last update.
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme