<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <rect width="100" height="100" fill="#a6a6a6" class="bg"/>
  <text
    x="50"
    y="50"
    text-anchor="middle"
    dominant-baseline="central"
    font-family="Eczar, Georgia, serif"
    font-weight="700"
    font-size="85"
    fill="#1a1a1a"
    class="mark"
  >π</text>
  <style>
    @media (prefers-color-scheme: dark) {
      .bg { fill: #1f1f1f; }
      .mark { fill: #e0e0e0; }
    }
  </style>
</svg>
