<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="512" height="512">
  <defs>
    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%"   stop-color="#141d35"/>
      <stop offset="100%" stop-color="#0f1628"/>
    </linearGradient>
  </defs>
  <polygon points="50,4 93,27 93,73 50,96 7,73 7,27" fill="url(#bg)"/>
  <polygon points="50,8 89,29.5 89,70.5 50,92 11,70.5 11,29.5" fill="none" stroke="#3b82f6" stroke-opacity="0.4" stroke-width="1.5"/>
  <polygon points="50,12 85,32 85,68 50,88 15,68 15,32" fill="none" stroke="white" stroke-opacity="0.07" stroke-width="1"/>
  <text x="50" y="70" text-anchor="middle"
    font-family="system-ui,-apple-system,BlinkMacSystemFont,sans-serif"
    font-weight="900" font-size="58" fill="white" letter-spacing="-2">N</text>
</svg>