<svg width="120" height="120" viewBox="0 0 100 100">
      <circle cx="50" cy="50" r="40" 
        fill="none" 
        stroke="#ff69b4" 
        stroke-width="5"
        stroke-dasharray="150 100"
        stroke-dashoffset="30" />
      </svg>
  

body {
  display: flex;
  background: #e7e7e7;
  justify-content: center;
  align-items:center;
  min-height: 100vh;
}

svg {
  width: 100px;
  height: 100px;
}