Использование изображения SVG в качестве кнопки / ссылки

Question

Я провел некоторые поиски, но не смог разобраться. Я надеялся, что смогу поместить и

тег между двумя тегами svg, чтобы сделать кнопку, но пока она не работает. То, что я думал, делал:

<svg class="triangle

но не повезло. Я также попытался поместить текст внутри тега, но он даже не появился. Руководства, которые я искал, пока не очень помогли. Я новичок в веб-дизайне, и я просто пытаюсь запустить свою личную веб-страницу.

SVG рисует три треугольника друг над другом, указывая вниз. Поведение, которое я ищу, заключается в том, что они притягивают взгляд, а при нажатии страница переходит к основному содержанию. Спасибо за помощь!
    

        

Answer 1

попробуйте вместо этого обернуть ваши теги вокруг SVG.

Answer 2

Используйте, чтобы обернуть SVG и стилизовать его

.SvgButton{
  padding: 5px;
  border: 1px solid red;
  display: flex;
  width: 50px;
}

Answer 3

Лучшим решением было бы использовать определение символа svg -> look Вы можете управлять иконками проще.

.icon {
      width: 50px;
      height: 50px;
    }

    .animation {
      display: flex;
    }

    .mail {
      background

Answer 4

Вы можете вставить svg в div и применить ссылку на него через js или jquery