const React = require("react");
const LeftRightArrowIcon = ({ title, titleId, ...props }) => (
  <svg
    width="1em"
    height="1em"
    viewBox="0 0 32 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby={titleId}
    {...props}
  >
    {title ? <title id={titleId}>{title}</title> : null}
    <g filter="url(#filter0_ii_18590_820)">
      <rect
        x={2.0658}
        y={1.9375}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint0_linear_18590_820)"
      />
      <rect
        x={2.0658}
        y={1.9375}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint1_radial_18590_820)"
      />
    </g>
    <g filter="url(#filter1_f_18590_820)">
      <path
        d="M28.2533 4.4375V27.3125"
        stroke="url(#paint2_linear_18590_820)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter2_f_18590_820)">
      <path
        d="M5.52966 3.75H27.3109"
        stroke="url(#paint3_linear_18590_820)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter3_f_18590_820)">
      <path
        d="M6.58753 16.5683C6.21496 16.1812 6.21496 15.5688 6.58753 15.1816L11.6998 9.86882C12.3239 9.22015 13.4203 9.66198 13.4203 10.5622L13.4203 13.625C13.4203 13.763 13.5323 13.875 13.6703 13.875L19.1703 13.875C19.3084 13.875 19.4203 13.763 19.4203 13.625L19.4203 10.5622C19.4203 9.66198 20.5167 9.22015 21.1409 9.86882L26.2531 15.1816C26.6257 15.5688 26.6257 16.1812 26.2531 16.5683L21.1409 21.8811C20.5167 22.5298 19.4203 22.088 19.4203 21.1877V18.125C19.4203 17.9869 19.3084 17.875 19.1703 17.875H13.6703C13.5323 17.875 13.4203 17.9869 13.4203 18.125L13.4203 21.1877C13.4203 22.088 12.3239 22.5298 11.6998 21.8811L6.58753 16.5683Z"
        fill="#579FFF"
      />
    </g>
    <g filter="url(#filter4_ii_18590_820)">
      <path
        d="M6.58753 16.5683C6.21496 16.1812 6.21496 15.5688 6.58753 15.1816L11.6998 9.86882C12.3239 9.22015 13.4203 9.66198 13.4203 10.5622L13.4203 13.625C13.4203 13.763 13.5323 13.875 13.6703 13.875L19.1703 13.875C19.3084 13.875 19.4203 13.763 19.4203 13.625L19.4203 10.5622C19.4203 9.66198 20.5167 9.22015 21.1409 9.86882L26.2531 15.1816C26.6257 15.5688 26.6257 16.1812 26.2531 16.5683L21.1409 21.8811C20.5167 22.5298 19.4203 22.088 19.4203 21.1877V18.125C19.4203 17.9869 19.3084 17.875 19.1703 17.875H13.6703C13.5323 17.875 13.4203 17.9869 13.4203 18.125L13.4203 21.1877C13.4203 22.088 12.3239 22.5298 11.6998 21.8811L6.58753 16.5683Z"
        fill="#FCF2FF"
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18590_820"
        x={2.0658}
        y={0.9375}
        width={28.875}
        height={28.875}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={1} dy={-1} />
        <feGaussianBlur stdDeviation={1.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.188235 0 0 0 0 0.470588 0 0 0 0 0.843137 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_820"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dy={-1} />
        <feGaussianBlur stdDeviation={1.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.27451 0 0 0 0 0.34902 0 0 0 0 0.8 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18590_820"
          result="effect2_innerShadow_18590_820"
        />
      </filter>
      <filter
        id="filter1_f_18590_820"
        x={25.5033}
        y={1.6875}
        width={5.5}
        height={28.375}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_18590_820"
        />
      </filter>
      <filter
        id="filter2_f_18590_820"
        x={2.77966}
        y={1}
        width={27.2812}
        height={5.5}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_18590_820"
        />
      </filter>
      <filter
        id="filter3_f_18590_820"
        x={5.30811}
        y={8.56018}
        width={22.2245}
        height={14.6296}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_18590_820"
        />
      </filter>
      <filter
        id="filter4_ii_18590_820"
        x={5.70811}
        y={9.16018}
        width={21.2245}
        height={13.6296}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.6} dy={0.6} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.866667 0 0 0 0 0.819608 0 0 0 0 0.941176 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_820"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.4} dy={-0.4} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18590_820"
          result="effect2_innerShadow_18590_820"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18590_820"
        x1={16.0033}
        y1={5.51201}
        x2={16.0033}
        y2={38.7647}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5CB7FF" />
        <stop offset={1} stopColor="#4878DD" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18590_820"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.722 4.03125) rotate(136.771) scale(2.14444 2.50466)"
      >
        <stop stopColor="#7BD7FF" />
        <stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18590_820"
        x1={28.7533}
        y1={4.4375}
        x2={28.7533}
        y2={27.3125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7FD9FF" />
        <stop offset={1} stopColor="#639DF4" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18590_820"
        x1={28.4672}
        y1={4.00002}
        x2={2.93591}
        y2={4.00002}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7DD8FF" />
        <stop offset={1} stopColor="#5DB6FF" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = LeftRightArrowIcon;