Horizontally and Vertically Center SVGs

svg.html

<style>
.wrapper {
  position: relative;

  svg {
    bottom: 50%;
    left: 50%;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
</style>
<div class="wrapper">
  <svg>
    <!-- SVG stuff -->
  </svg>
</div>