const React = require("react");
const LeftArrowIcon = ({ 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_778)">
      <rect
        x={2.0658}
        y={2.3125}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint0_linear_18590_778)"
      />
      <rect
        x={2.0658}
        y={2.3125}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint1_radial_18590_778)"
      />
    </g>
    <g filter="url(#filter1_f_18590_778)">
      <path
        d="M28.2533 4.8125V27.6875"
        stroke="url(#paint2_linear_18590_778)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter2_f_18590_778)">
      <path
        d="M5.52966 4.125H27.3109"
        stroke="url(#paint3_linear_18590_778)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter3_f_18590_778)">
      <path
        d="M7.22303 15.5566C6.85046 15.9438 6.85046 16.5562 7.22303 16.9433L12.3352 22.2561C12.9594 22.9048 14.0558 22.463 14.0558 21.5627V18.5C14.0558 18.3619 14.1678 18.25 14.3058 18.25L24.0558 18.25C24.6081 18.25 25.0558 17.8023 25.0558 17.25V15.25C25.0558 14.6977 24.6081 14.25 24.0558 14.25L14.3058 14.25C14.1678 14.25 14.0558 14.138 14.0558 14L14.0558 10.9372C14.0558 10.037 12.9594 9.59515 12.3352 10.2438L7.22303 15.5566Z"
        fill="#579FFF"
      />
    </g>
    <g filter="url(#filter4_ii_18590_778)">
      <path
        d="M7.22303 15.5566C6.85046 15.9438 6.85046 16.5562 7.22303 16.9433L12.3352 22.2561C12.9594 22.9048 14.0558 22.463 14.0558 21.5627V18.5C14.0558 18.3619 14.1678 18.25 14.3058 18.25L24.0558 18.25C24.6081 18.25 25.0558 17.8023 25.0558 17.25V15.25C25.0558 14.6977 24.6081 14.25 24.0558 14.25L14.3058 14.25C14.1678 14.25 14.0558 14.138 14.0558 14L14.0558 10.9372C14.0558 10.037 12.9594 9.59515 12.3352 10.2438L7.22303 15.5566Z"
        fill="#FCF2FF"
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18590_778"
        x={2.0658}
        y={1.3125}
        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_778"
        />
        <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_778"
          result="effect2_innerShadow_18590_778"
        />
      </filter>
      <filter
        id="filter1_f_18590_778"
        x={25.5033}
        y={2.0625}
        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_778"
        />
      </filter>
      <filter
        id="filter2_f_18590_778"
        x={2.77966}
        y={1.375}
        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_778"
        />
      </filter>
      <filter
        id="filter3_f_18590_778"
        x={5.9436}
        y={8.93518}
        width={20.1122}
        height={14.6295}
        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_778"
        />
      </filter>
      <filter
        id="filter4_ii_18590_778"
        x={6.3436}
        y={9.53518}
        width={19.1122}
        height={13.6295}
        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_778"
        />
        <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_778"
          result="effect2_innerShadow_18590_778"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18590_778"
        x1={16.0033}
        y1={5.88701}
        x2={16.0033}
        y2={39.1397}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5CB7FF" />
        <stop offset={1} stopColor="#4878DD" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18590_778"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.722 4.40625) rotate(136.771) scale(2.14444 2.50466)"
      >
        <stop stopColor="#7BD7FF" />
        <stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18590_778"
        x1={28.7533}
        y1={4.8125}
        x2={28.7533}
        y2={27.6875}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7FD9FF" />
        <stop offset={1} stopColor="#639DF4" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18590_778"
        x1={28.4672}
        y1={4.37502}
        x2={2.93591}
        y2={4.37502}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7DD8FF" />
        <stop offset={1} stopColor="#5DB6FF" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = LeftArrowIcon;