Как центрировать элемент и по вертикали, и по горизонтали?
Использование атрибута "align" для html-элементов осуждается. Так делать не нужно.
Через классы задаём высоту блока на весь экран и центрируем  (например, через Flexbox) его содержимое (внутренний svg-элемент).center {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}Результат:
Код + демонстрация: https://codepen.io/hisbvdis/pen/qBBMGLp
.класс{
display:flex;
align-items:center;
justify-content:center;
}