<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
  <defs>
    <style>
      @import url('https://fonts.googleapis.com/css2?family=Syne:wght@800&amp;display=swap');
    </style>
    <linearGradient id="kGrad" x1="0%" y1="0%" x2="100%" y2="110%">
      <stop offset="0%" stop-color="#d8b4fe"/>
      <stop offset="100%" stop-color="#a855f7"/>
    </linearGradient>
    <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#0f0f0f"/>
      <stop offset="100%" stop-color="#080808"/>
    </linearGradient>
    <filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
      <feGaussianBlur in="SourceGraphic" stdDeviation="1.2" result="blur"/>
      <feMerge>
        <feMergeNode in="blur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>

  <!-- Background -->
  <rect width="32" height="32" rx="7" fill="url(#bgGrad)"/>

  <!-- Subtle purple border -->
  <rect width="32" height="32" rx="7" fill="none" stroke="#a855f7" stroke-width="1" opacity="0.45"/>

  <!-- Corner accent dots -->
  <circle cx="5" cy="5" r="1.2" fill="#a855f7" opacity="0.5"/>
  <circle cx="27" cy="27" r="1.2" fill="#a855f7" opacity="0.5"/>

  <!-- K letter -->
  <text
    x="16"
    y="23.5"
    font-family="Syne, sans-serif"
    font-weight="800"
    font-size="22"
    fill="url(#kGrad)"
    text-anchor="middle"
    filter="url(#glow)"
  >K</text>
</svg>
