<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <defs>
    <linearGradient id="bg-grad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#9F7AEA" /> <!-- Purple -->
      <stop offset="50%" stop-color="#718096" /> <!-- Transition -->
      <stop offset="100%" stop-color="#48BB78" /> <!-- Mint Green -->
    </linearGradient>
    <linearGradient id="bg-grad-real" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#805AD5" />
      <stop offset="50%" stop-color="#63B3ED" />
      <stop offset="100%" stop-color="#68D391" />
    </linearGradient>
  </defs>
  <!-- Rounded square background -->
  <rect x="5" y="5" width="90" height="90" rx="24" fill="url(#bg-grad-real)" />
  
  <!-- Hexagon outline -->
  <path d="M50,22 L75,36.5 L75,63.5 L50,78 L25,63.5 L25,36.5 Z" fill="none" stroke="#39FF14" stroke-width="7" stroke-linejoin="round" />
  
  <!-- Text 'HN' -->
  <text x="50" y="53" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif" font-weight="900" font-size="28" fill="#ffffff" text-anchor="middle" dominant-baseline="central">HN</text>
</svg>
