const React = require("react");
const FastForwardButtonIcon = ({ 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_1377)">
      <rect
        x={1.85529}
        y={2.0625}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint0_linear_18590_1377)"
      />
      <rect
        x={1.85529}
        y={2.0625}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint1_radial_18590_1377)"
      />
    </g>
    <g filter="url(#filter1_f_18590_1377)">
      <path
        d="M28.0428 4.5625V27.4375"
        stroke="url(#paint2_linear_18590_1377)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter2_f_18590_1377)">
      <path
        d="M5.31915 3.875H27.1004"
        stroke="url(#paint3_linear_18590_1377)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter3_f_18590_1377)">
      <path
        d="M16.1412 17.1972C16.1412 17.1091 16.0354 17.064 15.9718 17.1252L9.83455 23.0308C9.19925 23.6421 8.14117 23.1919 8.14117 22.3102V9.68974C8.14117 8.80808 9.19925 8.35784 9.83455 8.96916L15.9718 14.8748C16.0354 14.9359 16.1412 14.8909 16.1412 14.8027V9.68974C16.1412 8.80808 17.1992 8.35784 17.8346 8.96916L24.3923 15.2794C24.8012 15.6728 24.8012 16.3271 24.3923 16.7205L17.8346 23.0308C17.1992 23.6421 16.1412 23.1919 16.1412 22.3102V17.1972Z"
        fill="#579FFF"
      />
    </g>
    <g filter="url(#filter4_ii_18590_1377)">
      <path
        d="M15.7206 17.1972C15.7206 17.1091 15.6148 17.064 15.5513 17.1252L9.41402 23.0308C8.77871 23.6421 7.72064 23.1919 7.72064 22.3102V9.68974C7.72064 8.80808 8.77871 8.35784 9.41402 8.96916L15.5513 14.8748C15.6148 14.9359 15.7206 14.8909 15.7206 14.8027V9.68974C15.7206 8.80808 16.7787 8.35784 17.414 8.96916L23.9718 15.2794C24.3806 15.6728 24.3806 16.3271 23.9718 16.7205L17.414 23.0308C16.7787 23.6421 15.7206 23.1919 15.7206 22.3102V17.1972Z"
        fill="#FCF2FF"
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18590_1377"
        x={1.85529}
        y={1.0625}
        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_1377"
        />
        <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_1377"
          result="effect2_innerShadow_18590_1377"
        />
      </filter>
      <filter
        id="filter1_f_18590_1377"
        x={25.2928}
        y={1.8125}
        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_1377"
        />
      </filter>
      <filter
        id="filter2_f_18590_1377"
        x={2.56915}
        y={1.125}
        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_1377"
        />
      </filter>
      <filter
        id="filter3_f_18590_1377"
        x={7.14117}
        y={7.68774}
        width={18.5578}
        height={16.6244}
        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_1377"
        />
      </filter>
      <filter
        id="filter4_ii_18590_1377"
        x={6.72064}
        y={8.28774}
        width={17.9578}
        height={16.0244}
        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} />
        <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_1377"
        />
        <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_1377"
          result="effect2_innerShadow_18590_1377"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18590_1377"
        x1={15.7928}
        y1={5.63701}
        x2={15.7928}
        y2={38.8897}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5CB7FF" />
        <stop offset={1} stopColor="#4878DD" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18590_1377"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.5115 4.15625) rotate(136.771) scale(2.14444 2.50466)"
      >
        <stop stopColor="#7BD7FF" />
        <stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18590_1377"
        x1={28.5428}
        y1={4.5625}
        x2={28.5428}
        y2={27.4375}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7FD9FF" />
        <stop offset={1} stopColor="#639DF4" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18590_1377"
        x1={28.2567}
        y1={4.12502}
        x2={2.7254}
        y2={4.12502}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7DD8FF" />
        <stop offset={1} stopColor="#5DB6FF" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = FastForwardButtonIcon;