How to remove clipping circle svg?

Question

css

I don't understand why the circle is cut off in svg:
https://codepen.io/anon/pen/qXjoLo
It is important to keep the height and width of 115px and the thickness of the circle's outline 12px
What's the problem? How to fix?

Answer 1

Your circle does not fit in the size of the viewBox
Options:
1. reduce the size of the circle
2. increase the viewBox and move the center of the circle
3. just increase the viewBox ( viewBox="-20 -20 135 135")