CodePen Embed - stroke-dasharray

<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 300 300" fill="none"> 
  <circle cx="50" cy="50" r="45" stroke="red" stroke-width="10" fill="none" />
  <circle cx="200" cy="50" r="45" stroke="red" stroke-width="10" fill="none" />
</svg>

circle:nth-of-type(1) {
  stroke-dasharray: 5;
}
circle:nth-of-type(2) {
  stroke-dasharray: 5 2;
}

This Pen is owned by nagaeso on CodePen.

See more by @nagaeso-the-encoder on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.