<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 64" role="img" aria-label="tonmode">
  <!-- Inverted: white rounded square, blue t, coral pop dot — for blue/dark backgrounds -->
  <rect x="2" y="2" width="60" height="60" rx="16" fill="#FFFFFF"/>
  <rect x="29" y="16" width="7" height="34" rx="3.5" fill="#C2410C"/>
  <rect x="21" y="25" width="23" height="7" rx="3.5" fill="#C2410C"/>
  <circle cx="47" cy="17" r="5" fill="#1C1917"/>
  <!-- Wordmark: "ton" white + "mode" coral -->
  <text x="80" y="50" font-family="Archivo, 'Helvetica Neue', Arial, sans-serif"
        font-size="40" font-weight="800" letter-spacing="-1.5">
    <tspan fill="#FFFFFF">ton</tspan><tspan fill="#1C1917">mode</tspan>
  </text>
</svg>
