Как сделать значок SVG (который использует <use>) ссылку - PullRequest
0 голосов
/ 23 января 2020

Итак, у меня есть эти маленькие значки SVG, как показано ниже:

                <svg class="icon icon-instagram">
                    <use xlink:href="img/symbol-defs.svg#icon-instagram"></use>
                </svg>

Мне нужно сделать эти значки кликабельной ссылкой. Я смотрел на похожие вопросы, но некоторые предлагали изменить его на img (тогда я бы не смог использовать свойство fill css), а некоторые предлагали использовать текст внутри тега svg. Есть ли способ, которым мы можем сделать эти значки ссылками и не жертвовать другими свойствами?

1 Ответ

0 голосов
/ 23 января 2020
<a xlink:href="https://stackoverflow.com/"><text x="10" y="25">Stackoverflow</text></a>
...