const React = require("react");
const UpRightArrowIcon = ({ 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_708)">
      <rect
        x={2.0658}
        y={1.9375}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint0_linear_18590_708)"
      />
      <rect
        x={2.0658}
        y={1.9375}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint1_radial_18590_708)"
      />
    </g>
    <g filter="url(#filter1_f_18590_708)">
      <path
        d="M28.2533 4.4375V27.3125"
        stroke="url(#paint2_linear_18590_708)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter2_f_18590_708)">
      <path
        d="M5.52966 3.75H27.3109"
        stroke="url(#paint3_linear_18590_708)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter3_f_18590_708)">
      <path
        d="M23.304 9.57944C23.3069 9.02318 22.8552 8.57151 22.2989 8.57435L15.8578 8.60723C14.9694 8.61176 14.5276 9.68609 15.1558 10.3143L16.6486 11.8072C16.7756 11.9341 16.7297 12.1554 16.5996 12.2791C16.5934 12.285 16.5873 12.291 16.5812 12.2971L8.99541 19.8828C8.60488 20.2734 8.60488 20.9065 8.99541 21.2971L10.5812 22.8828C10.9717 23.2734 11.6049 23.2734 11.9954 22.8828L19.5812 15.2971C19.5873 15.291 19.5932 15.2849 19.5991 15.2787C19.7228 15.1486 19.9441 15.1027 20.0711 15.2296L21.564 16.7226C22.1923 17.3508 23.2666 16.909 23.2711 16.0206L23.304 9.57944Z"
        fill="#579FFF"
      />
    </g>
    <g filter="url(#filter4_ii_18590_708)">
      <path
        d="M23.304 9.57944C23.3069 9.02318 22.8552 8.57151 22.2989 8.57435L15.8578 8.60723C14.9694 8.61176 14.5276 9.68609 15.1558 10.3143L16.6486 11.8072C16.7756 11.9341 16.7297 12.1554 16.5996 12.2791C16.5934 12.285 16.5873 12.291 16.5812 12.2971L8.99541 19.8828C8.60488 20.2734 8.60488 20.9065 8.99541 21.2971L10.5812 22.8828C10.9717 23.2734 11.6049 23.2734 11.9954 22.8828L19.5812 15.2971C19.5873 15.291 19.5932 15.2849 19.5991 15.2787C19.7228 15.1486 19.9441 15.1027 20.0711 15.2296L21.564 16.7226C22.1923 17.3508 23.2666 16.909 23.2711 16.0206L23.304 9.57944Z"
        fill="#FCF2FF"
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18590_708"
        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_708"
        />
        <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_708"
          result="effect2_innerShadow_18590_708"
        />
      </filter>
      <filter
        id="filter1_f_18590_708"
        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_708"
        />
      </filter>
      <filter
        id="filter2_f_18590_708"
        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_708"
        />
      </filter>
      <filter
        id="filter3_f_18590_708"
        x={7.70251}
        y={7.57434}
        width={16.6016}
        height={16.6014}
        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_708"
        />
      </filter>
      <filter
        id="filter4_ii_18590_708"
        x={8.10251}
        y={8.17434}
        width={15.6016}
        height={15.6014}
        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.901961 0 0 0 0 0.854902 0 0 0 0 0.980392 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_708"
        />
        <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.2} />
        <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_708"
          result="effect2_innerShadow_18590_708"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18590_708"
        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_708"
        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_708"
        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_708"
        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 = UpRightArrowIcon;
