static/icons/nspanel86.svg

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 860 860">
  <rect width="860" height="860" fill="url(#a)" rx="32"/>
  <rect width="828" height="589" x="16" y="16" fill="#000" rx="4"/>
  <rect width="828" height="589" x="16" y="16" fill="url(#b)" fill-opacity=".2" rx="4"/>
  <path fill="#0177FD" d="M76 76h708v469H76z"/>
  <g filter="url(#c)">
    <rect width="408" height="215" x="18" y="625" fill="url(#d)" rx="8"/>
  </g>
  <g filter="url(#e)">
    <rect width="408" height="215" x="434" y="625" fill="url(#f)" rx="8"/>
  </g>
  <defs>
    <linearGradient id="a" x1="430" x2="430" y1="0" y2="860" gradientUnits="userSpaceOnUse">
      <stop stop-color="#404040"/>
      <stop offset="1" stop-color="#202020"/>
    </linearGradient>
    <linearGradient id="b" x1="844" x2="50.5" y1="16" y2="648.4" gradientUnits="userSpaceOnUse">
      <stop stop-color="#fff"/>
      <stop offset=".5" stop-color="#fff" stop-opacity=".5"/>
      <stop offset=".5" stop-color="#fff" stop-opacity="0"/>
    </linearGradient>
    <linearGradient id="d" x1="222" x2="222" y1="625" y2="840" gradientUnits="userSpaceOnUse">
      <stop stop-color="#404040"/>
      <stop offset="1" stop-color="#202020"/>
    </linearGradient>
    <linearGradient id="f" x1="638" x2="638" y1="625" y2="840" gradientUnits="userSpaceOnUse">
      <stop stop-color="#404040"/>
      <stop offset="1" stop-color="#202020"/>
    </linearGradient>
    <filter id="c" width="412" height="221" x="16" y="623" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
      <feOffset dy="2"/>
      <feGaussianBlur stdDeviation="1"/>
      <feComposite in2="hardAlpha" operator="out"/>
      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_499_31"/>
      <feBlend in="SourceGraphic" in2="effect1_dropShadow_499_31" result="shape"/>
      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
      <feOffset dy="2"/>
      <feGaussianBlur stdDeviation="1"/>
      <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
      <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0"/>
      <feBlend in2="shape" result="effect2_innerShadow_499_31"/>
      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
      <feOffset dy="-2"/>
      <feGaussianBlur stdDeviation="1"/>
      <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
      <feBlend in2="effect2_innerShadow_499_31" result="effect3_innerShadow_499_31"/>
      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
      <feMorphology in="SourceAlpha" radius="1" result="effect4_innerShadow_499_31"/>
      <feOffset/>
      <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
      <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
      <feBlend in2="effect3_innerShadow_499_31" result="effect4_innerShadow_499_31"/>
    </filter>
    <filter id="e" width="412" height="221" x="432" y="623" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
      <feOffset dy="2"/>
      <feGaussianBlur stdDeviation="1"/>
      <feComposite in2="hardAlpha" operator="out"/>
      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_499_31"/>
      <feBlend in="SourceGraphic" in2="effect1_dropShadow_499_31" result="shape"/>
      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
      <feOffset dy="2"/>
      <feGaussianBlur stdDeviation="1"/>
      <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
      <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0"/>
      <feBlend in2="shape" result="effect2_innerShadow_499_31"/>
      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
      <feOffset dy="-2"/>
      <feGaussianBlur stdDeviation="1"/>
      <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
      <feBlend in2="effect2_innerShadow_499_31" result="effect3_innerShadow_499_31"/>
      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
      <feMorphology in="SourceAlpha" radius="1" result="effect4_innerShadow_499_31"/>
      <feOffset/>
      <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
      <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
      <feBlend in2="effect3_innerShadow_499_31" result="effect4_innerShadow_499_31"/>
    </filter>
  </defs>
</svg>