<svg xmlns="http://www.w3.org/2000/svg" viewBox="120 80 784 864" role="img" aria-label="Side Action">
  <defs>
    <radialGradient id="bgGlow" cx="50%" cy="36%" r="70%">
      <stop offset="0%" stop-color="#0d3344" />
      <stop offset="55%" stop-color="#062033" />
      <stop offset="100%" stop-color="#04101d" />
    </radialGradient>
    <linearGradient id="ring" x1="160" y1="176" x2="864" y2="848" gradientUnits="userSpaceOnUse">
      <stop offset="0%" stop-color="#00e0ff" />
      <stop offset="56%" stop-color="#11f0c8" />
      <stop offset="100%" stop-color="#39ff81" />
    </linearGradient>
    <filter id="softGlow" x="-24%" y="-24%" width="148%" height="148%">
      <feGaussianBlur stdDeviation="18" result="blur" />
      <feColorMatrix
        in="blur"
        type="matrix"
        values="0 0 0 0 0 0 0 0 0 0.88 0 0 0 0 1 0 0 0 0.46 0"
      />
      <feMerge>
        <feMergeNode />
        <feMergeNode in="SourceGraphic" />
      </feMerge>
    </filter>
  </defs>
  <path
    d="M512 132 828 314v396L512 892 196 710V314Z"
    fill="url(#bgGlow)"
    stroke="url(#ring)"
    stroke-width="44"
    stroke-linejoin="round"
    filter="url(#softGlow)"
  />
  <text
    x="512"
    y="586"
    text-anchor="middle"
    font-family="Arial Black, Arial, Helvetica, sans-serif"
    font-size="286"
    font-style="italic"
    font-weight="900"
    letter-spacing="-28"
    fill="#ffffff"
    transform="skewX(-8 512 512)"
  >
    SA
  </text>
  <path d="M342 676h312" fill="none" stroke="#39ff81" stroke-width="30" stroke-linecap="round" />
</svg>
