export function VrBacklightIcon({ className }: { className?: string }) {
  return (
    <svg
      width="593"
      height="504"
      viewBox="0 0 593 504"
      className={className}
      xmlns="http://www.w3.org/2000/svg"
    >
      <g filter="url(#filter0_f_2477_50522)">
        <ellipse
          cx="296.793"
          cy="251.711"
          rx="138.714"
          ry="90.1952"
          transform="rotate(11.3082 296.793 251.711)"
          fill="#5545AC"
        />
      </g>
      <defs>
        <filter
          id="filter0_f_2477_50522"
          x="0.707703"
          y="0.250427"
          width="592.171"
          height="502.922"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="BackgroundImageFix"
            result="shape"
          />
          <feGaussianBlur
            stdDeviation="79.4521"
            result="effect1_foregroundBlur_2477_50522"
          />
        </filter>
      </defs>
    </svg>
  );
}
