how to center a circle in svg code example

Example: svg circle

<svg width="100" height="100">
  <circle cx="50%" cy="50%" r="10" fill="red"/>
</svg>