Why is svg circle not showing up on ios?

Question

iOS

In chrome, everything is as it should be. But in safari the circle element is simply not rendered. Although all other elements (lines, path) work.

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <circle id="dot" cx="0" cy="0"/>
</svg>

#dot{
  fill: #639A6C;
  stroke: none;
  r: 20;
}

What could be the problem?

Answer 1

This is how it will work, and if you want to change the dimensions, use the length of the border better, here is an example .