<!--?xml version="1.0" encoding="UTF-8"?-->
<svg width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Dev logo">
  <defs>
    <style>
      .bg { fill: none; }
      .brackets { fill: #4b5563; }  /* slate-ish */
      .text { fill: #4c5fd7; }      /* accent */
    </style>
  </defs>

  <!-- Invisible background -->
  <rect class="bg" x="0" y="0" width="128" height="128"></rect>

  <!-- Left angle bracket (moved further left) -->
  <path class="brackets" d="M28 40 L14 64 L28 88 L35 83 L23 64 L35 45 Z"></path>

  <!-- Right angle bracket (moved further right) -->
  <path class="brackets" d="M100 40 L93 45 L105 64 L93 83 L100 88 L114 64 Z"></path>

  <!-- DEV text (centered, clear gap between brackets and text) -->
  <text x="64" y="70" class="text" text-anchor="middle" font-family="system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="28" font-weight="700">
    DEV
  </text>
</svg>
