<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" fill="black" />
</svg>

body {
  background: #888;
  display: flex;
  justify-content: center;
}

circle:hover {
  fill: red;
}