const React = require("react");
const DownLeftArrowIcon = ({ 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_764)">
      <rect
        x={2.0658}
        y={2.4375}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint0_linear_18590_764)"
      />
      <rect
        x={2.0658}
        y={2.4375}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint1_radial_18590_764)"
      />
    </g>
    <g filter="url(#filter1_f_18590_764)">
      <path
        d="M28.2533 4.9375V27.8125"
        stroke="url(#paint2_linear_18590_764)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter2_f_18590_764)">
      <path
        d="M5.52966 4.25H27.3109"
        stroke="url(#paint3_linear_18590_764)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter3_f_18590_764)">
      <path
        d="M8.70191 22.9226C8.69979 23.3398 9.03853 23.6785 9.45573 23.6764L16.7486 23.6392C17.4149 23.6358 17.7463 22.83 17.2751 22.3589L15.3585 20.4423C15.2316 20.3153 15.2775 20.094 15.4076 19.9703C15.4138 19.9644 15.4199 19.9585 15.426 19.9524L23.0117 12.3666C23.4023 11.9761 23.4023 11.3429 23.0117 10.9524L21.426 9.36662C21.0354 8.9761 20.4023 8.9761 20.0117 9.36662L12.426 16.9524C12.4199 16.9585 12.4139 16.9646 12.408 16.9708C12.2843 17.1009 12.063 17.1468 11.9361 17.0198L10.0195 15.1032C9.54829 14.632 8.74254 14.9634 8.73914 15.6297L8.70191 22.9226Z"
        fill="#579FFF"
      />
    </g>
    <g filter="url(#filter4_ii_18590_764)">
      <path
        d="M8.70191 22.9226C8.69979 23.3398 9.03853 23.6785 9.45573 23.6764L16.7486 23.6392C17.4149 23.6358 17.7463 22.83 17.2751 22.3589L15.3585 20.4423C15.2316 20.3153 15.2775 20.094 15.4076 19.9703C15.4138 19.9644 15.4199 19.9585 15.426 19.9524L23.0117 12.3666C23.4023 11.9761 23.4023 11.3429 23.0117 10.9524L21.426 9.36662C21.0354 8.9761 20.4023 8.9761 20.0117 9.36662L12.426 16.9524C12.4199 16.9585 12.4139 16.9646 12.408 16.9708C12.2843 17.1009 12.063 17.1468 11.9361 17.0198L10.0195 15.1032C9.54829 14.632 8.74254 14.9634 8.73914 15.6297L8.70191 22.9226Z"
        fill="#FCF2FF"
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18590_764"
        x={2.0658}
        y={1.4375}
        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_764"
        />
        <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_764"
          result="effect2_innerShadow_18590_764"
        />
      </filter>
      <filter
        id="filter1_f_18590_764"
        x={25.5033}
        y={2.1875}
        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_764"
        />
      </filter>
      <filter
        id="filter2_f_18590_764"
        x={2.77966}
        y={1.5}
        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_764"
        />
      </filter>
      <filter
        id="filter3_f_18590_764"
        x={7.7019}
        y={8.07373}
        width={16.6028}
        height={16.6027}
        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_764"
        />
      </filter>
      <filter
        id="filter4_ii_18590_764"
        x={8.1019}
        y={8.67373}
        width={15.6028}
        height={15.6027}
        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_764"
        />
        <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_764"
          result="effect2_innerShadow_18590_764"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18590_764"
        x1={16.0033}
        y1={6.01201}
        x2={16.0033}
        y2={39.2647}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5CB7FF" />
        <stop offset={1} stopColor="#4878DD" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18590_764"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.722 4.53125) rotate(136.771) scale(2.14444 2.50466)"
      >
        <stop stopColor="#7BD7FF" />
        <stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18590_764"
        x1={28.7533}
        y1={4.9375}
        x2={28.7533}
        y2={27.8125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7FD9FF" />
        <stop offset={1} stopColor="#639DF4" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18590_764"
        x1={28.4672}
        y1={4.50002}
        x2={2.93591}
        y2={4.50002}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7DD8FF" />
        <stop offset={1} stopColor="#5DB6FF" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = DownLeftArrowIcon;