synapsecns/sanguine

export const SynapseLogoSvg = () => {
  return (
    <svg
      width="39"
      height="36"
      viewBox="0 0 39 36"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        opacity="0.7"
        d="M20.1456 5L5 18.5H35L20.1456 32"
        stroke="url(#paint0_radial_116_156)"
        strokeWidth="3"
      />
      <path
        d="M20 10C22.7614 10 25 7.76142 25 5C25 2.23858 22.7614 0 20 0C17.2386 0 15 2.23858 15 5C15 7.76142 17.2386 10 20 10Z"
        fill="black"
      />
      <path
        d="M20 10C22.7614 10 25 7.76142 25 5C25 2.23858 22.7614 0 20 0C17.2386 0 15 2.23858 15 5C15 7.76142 17.2386 10 20 10Z"
        fill="url(#paint1_radial_116_156)"
      />
      <path
        d="M5 23C7.76142 23 10 20.7614 10 18C10 15.2386 7.76142 13 5 13C2.23858 13 0 15.2386 0 18C0 20.7614 2.23858 23 5 23Z"
        fill="black"
      />
      <path
        d="M5 23C7.76142 23 10 20.7614 10 18C10 15.2386 7.76142 13 5 13C2.23858 13 0 15.2386 0 18C0 20.7614 2.23858 23 5 23Z"
        fill="url(#paint2_radial_116_156)"
      />
      <path
        d="M20 36C22.7614 36 25 33.7614 25 31C25 28.2386 22.7614 26 20 26C17.2386 26 15 28.2386 15 31C15 33.7614 17.2386 36 20 36Z"
        fill="black"
      />
      <path
        d="M20 36C22.7614 36 25 33.7614 25 31C25 28.2386 22.7614 26 20 26C17.2386 26 15 28.2386 15 31C15 33.7614 17.2386 36 20 36Z"
        fill="url(#paint3_radial_116_156)"
      />
      <path
        d="M34 23C36.7614 23 39 20.7614 39 18C39 15.2386 36.7614 13 34 13C31.2386 13 29 15.2386 29 18C29 20.7614 31.2386 23 34 23Z"
        fill="black"
      />
      <path
        d="M34 23C36.7614 23 39 20.7614 39 18C39 15.2386 36.7614 13 34 13C31.2386 13 29 15.2386 29 18C29 20.7614 31.2386 23 34 23Z"
        fill="url(#paint4_radial_116_156)"
      />
      <defs>
        <radialGradient
          id="paint0_radial_116_156"
          cx="0"
          cy="0"
          r="1"
          gradientUnits="userSpaceOnUse"
          gradientTransform="translate(-30.884 31.4351) scale(74.8969 94.9958)"
        >
          <stop stopColor="#FF00FF" />
          <stop offset="1" stopColor="#AC8FFF" />
        </radialGradient>
        <radialGradient
          id="paint1_radial_116_156"
          cx="0"
          cy="0"
          r="1"
          gradientUnits="userSpaceOnUse"
          gradientTransform="translate(3.03867 9.79079) scale(24.9656 35.1836)"
        >
          <stop stopColor="#FF00FF" />
          <stop offset="1" stopColor="#AC8FFF" />
        </radialGradient>
        <radialGradient
          id="paint2_radial_116_156"
          cx="0"
          cy="0"
          r="1"
          gradientUnits="userSpaceOnUse"
          gradientTransform="translate(-11.9613 22.7908) scale(24.9656 35.1836)"
        >
          <stop stopColor="#FF00FF" />
          <stop offset="1" stopColor="#AC8FFF" />
        </radialGradient>
        <radialGradient
          id="paint3_radial_116_156"
          cx="0"
          cy="0"
          r="1"
          gradientUnits="userSpaceOnUse"
          gradientTransform="translate(3.03867 35.7908) scale(24.9656 35.1836)"
        >
          <stop stopColor="#FF00FF" />
          <stop offset="1" stopColor="#AC8FFF" />
        </radialGradient>
        <radialGradient
          id="paint4_radial_116_156"
          cx="0"
          cy="0"
          r="1"
          gradientUnits="userSpaceOnUse"
          gradientTransform="translate(17.0387 22.7908) scale(24.9656 35.1836)"
        >
          <stop stopColor="#FF00FF" />
          <stop offset="1" stopColor="#AC8FFF" />
        </radialGradient>
      </defs>
    </svg>
  )
}