<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
  <!-- Clock background -->
  <rect width="256" height="256" rx="60" fill="#3b82f6"/>

  <!-- Clock circle -->
  <circle cx="128" cy="128" r="95" fill="white" stroke="#3b82f6" stroke-width="2"/>

  <!-- Clock numbers positioning (12, 3, 6, 9) -->
  <text x="128" y="45" font-size="18" font-weight="bold" text-anchor="middle" fill="#3b82f6">12</text>
  <text x="210" y="135" font-size="18" font-weight="bold" text-anchor="middle" fill="#3b82f6">3</text>
  <text x="128" y="220" font-size="18" font-weight="bold" text-anchor="middle" fill="#3b82f6">6</text>
  <text x="46" y="135" font-size="18" font-weight="bold" text-anchor="middle" fill="#3b82f6">9</text>

  <!-- Hour marks -->
  <circle cx="128" cy="35" r="3" fill="#3b82f6"/>
  <circle cx="193" cy="63" r="2.5" fill="#3b82f6"/>
  <circle cx="221" cy="128" r="3" fill="#3b82f6"/>
  <circle cx="193" cy="193" r="2.5" fill="#3b82f6"/>
  <circle cx="128" cy="221" r="3" fill="#3b82f6"/>
  <circle cx="63" cy="193" r="2.5" fill="#3b82f6"/>
  <circle cx="35" cy="128" r="3" fill="#3b82f6"/>
  <circle cx="63" cy="63" r="2.5" fill="#3b82f6"/>

  <!-- Hour hand (pointing to 10) -->
  <line x1="128" y1="128" x2="110" y2="70" stroke="#3b82f6" stroke-width="6" stroke-linecap="round"/>

  <!-- Minute hand (pointing to 2) -->
  <line x1="128" y1="128" x2="175" y2="65" stroke="#10b981" stroke-width="4" stroke-linecap="round"/>

  <!-- Center circle -->
  <circle cx="128" cy="128" r="8" fill="#3b82f6"/>
</svg>