mybeacon-backend/frontend/public/favicon.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
  <!-- White background -->
  <rect width="400" height="400" fill="#FFFFFF"/>

  <!-- Center point (filled circle) at 200,200 -->
  <circle cx="200" cy="200" r="19" fill="#1CB5D5"/>

  <!-- Circle 1: center (200,200), radius 52, gap at bottom -->
  <!-- Arc from left gap point to right gap point, going through the top -->
  <path d="M 185,249.8 A 52,52 0 1,1 215,249.8"
        fill="none" stroke="#1CB5D5" stroke-width="8" stroke-linecap="round"/>

  <!-- Circle 2: center (200,200), radius 89, gap at bottom -->
  <path d="M 185,287.7 A 89,89 0 1,1 215,287.7"
        fill="none" stroke="#1CB5D5" stroke-width="8" stroke-linecap="round"/>

  <!-- Circle 3: center (200,200), radius 126, gap at bottom -->
  <path d="M 185,325.1 A 126,126 0 1,1 215,325.1"
        fill="none" stroke="#1CB5D5" stroke-width="8" stroke-linecap="round"/>

  <!-- Circle 4: center (200,200), radius 163, gap at bottom -->
  <path d="M 185,362.3 A 163,163 0 1,1 215,362.3"
        fill="none" stroke="#1CB5D5" stroke-width="8" stroke-linecap="round"/>
</svg>