<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="grad-1" y2="1" x2="0">
      <stop offset="5%" stop-color="#08044C" stop-opacity="0.5" />
      <stop offset="100%" stop-color="#08044C" stop-opacity="0.0" />
    </linearGradient>
    <linearGradient id="grad-2" y2="1" x2="0">
      <stop offset="5%" stop-color="#08044C" stop-opacity="0.0" />
      <stop offset="100%" stop-color="#08044C" stop-opacity="1.0" />
    </linearGradient>
    <pattern id="pattern" x="0" y="0" width="100%" height="100%" patternUnits="userSpaceOnUse">
      <rect x="0" y="0" width="100%" height="100%" fill="url(#grad-1)" />
      <rect x="50%" y="0" width="50%" height="100%" fill="url(#grad-2)" />
    </pattern>
  </defs>
  
  <circle cx="12" cy="12" r="11.25" stroke-width="1.5" stroke="url(#pattern)" />
</svg>

svg {
  display: block;
  width: 120px;
  height: 120px;
  animation: rot 3s infinite linear;
}

@keyframes rot {
  to {
    transform: rotate(1turn);
  }
}