Как нарисовать путь SVG для кольца с помощью CSS?

Question

Я хочу нарисовать кольцо в SVG, используя CSS.

У меня есть путь, который я хочу использовать с помощью многоугольника, однако я хочу то же самое с помощью кольца:

clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);

Answer 1

Эй, я не уверен, что вы можете нарисовать круг в CSS, используя функции SVG, но простой пример в SVG будет

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

Или только с чистым CSS

 <div style="width: 80px;height:80px;background-color: red; border-radius: 50px">