import { SVGProps } from "react";

export const SolanaLogo = (props: SVGProps<SVGSVGElement>) => (
  <svg
    id="Layer_1"
    xmlns="http://www.w3.org/2000/svg"
    xmlnsXlink="http://www.w3.org/1999/xlink"
    x="0px"
    y="0px"
    viewBox="0 0 397.7 311.7"
    style={{
      background: "new 0 0 397.7 311.7",
    }}
    xmlSpace="preserve"
    {...props}
  >
    <style type="text/css">
      {
        "\n\t.st0{fill:url(#SVGID_1_);}\n\t.st1{fill:url(#SVGID_2_);}\n\t.st2{fill:url(#SVGID_3_);}\n"
      }
    </style>
    <linearGradient
      id="SVGID_1_"
      gradientUnits="userSpaceOnUse"
      x1={360.8791}
      y1={351.4553}
      x2={141.213}
      y2={-69.2936}
      gradientTransform="matrix(1 0 0 -1 0 314)"
    >
      <stop
        offset={0}
        style={{
          stopColor: "#00FFA3",
        }}
      />
      <stop
        offset={1}
        style={{
          stopColor: "#DC1FFF",
        }}
      />
    </linearGradient>
    <path
      className="st0"
      d="M64.6,237.9c2.4-2.4,5.7-3.8,9.2-3.8h317.4c5.8,0,8.7,7,4.6,11.1l-62.7,62.7c-2.4,2.4-5.7,3.8-9.2,3.8H6.5 c-5.8,0-8.7-7-4.6-11.1L64.6,237.9z"
    />
    <linearGradient
      id="SVGID_2_"
      gradientUnits="userSpaceOnUse"
      x1={264.8291}
      y1={401.6014}
      x2={45.163}
      y2={-19.1475}
      gradientTransform="matrix(1 0 0 -1 0 314)"
    >
      <stop
        offset={0}
        style={{
          stopColor: "#00FFA3",
        }}
      />
      <stop
        offset={1}
        style={{
          stopColor: "#DC1FFF",
        }}
      />
    </linearGradient>
    <path
      className="st1"
      d="M64.6,3.8C67.1,1.4,70.4,0,73.8,0h317.4c5.8,0,8.7,7,4.6,11.1l-62.7,62.7c-2.4,2.4-5.7,3.8-9.2,3.8H6.5 c-5.8,0-8.7-7-4.6-11.1L64.6,3.8z"
    />
    <linearGradient
      id="SVGID_3_"
      gradientUnits="userSpaceOnUse"
      x1={312.5484}
      y1={376.688}
      x2={92.8822}
      y2={-44.061}
      gradientTransform="matrix(1 0 0 -1 0 314)"
    >
      <stop
        offset={0}
        style={{
          stopColor: "#00FFA3",
        }}
      />
      <stop
        offset={1}
        style={{
          stopColor: "#DC1FFF",
        }}
      />
    </linearGradient>
    <path
      className="st2"
      d="M333.1,120.1c-2.4-2.4-5.7-3.8-9.2-3.8H6.5c-5.8,0-8.7,7-4.6,11.1l62.7,62.7c2.4,2.4,5.7,3.8,9.2,3.8h317.4 c5.8,0,8.7-7,4.6-11.1L333.1,120.1z"
    />
  </svg>
);