const React = require("react");
const ScrollIcon = ({ 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_18_21056)">
      <path
        d="M7.39062 27.0234C7.39062 28.6803 8.73377 30.0234 10.3906 30.0234H27.2422V4.97656C27.2422 3.31971 25.899 1.97656 24.2422 1.97656H4.84375H4.75781V1.97798C4.78635 1.97704 4.815 1.97656 4.84375 1.97656C6.25034 1.97656 7.39062 3.11684 7.39062 4.52344V27.0234Z"
        fill="url(#paint0_linear_18_21056)"
      />
      <path
        d="M7.39062 27.0234C7.39062 28.6803 8.73377 30.0234 10.3906 30.0234H27.2422V4.97656C27.2422 3.31971 25.899 1.97656 24.2422 1.97656H4.84375H4.75781V1.97798C4.78635 1.97704 4.815 1.97656 4.84375 1.97656C6.25034 1.97656 7.39062 3.11684 7.39062 4.52344V27.0234Z"
        fill="url(#paint1_linear_18_21056)"
      />
      <path
        d="M7.39062 27.0234C7.39062 28.6803 8.73377 30.0234 10.3906 30.0234H27.2422V4.97656C27.2422 3.31971 25.899 1.97656 24.2422 1.97656H4.84375H4.75781V1.97798C4.78635 1.97704 4.815 1.97656 4.84375 1.97656C6.25034 1.97656 7.39062 3.11684 7.39062 4.52344V27.0234Z"
        fill="url(#paint2_linear_18_21056)"
      />
      <path
        d="M7.39062 27.0234C7.39062 28.6803 8.73377 30.0234 10.3906 30.0234H27.2422V4.97656C27.2422 3.31971 25.899 1.97656 24.2422 1.97656H4.84375H4.75781V1.97798C4.78635 1.97704 4.815 1.97656 4.84375 1.97656C6.25034 1.97656 7.39062 3.11684 7.39062 4.52344V27.0234Z"
        fill="url(#paint3_radial_18_21056)"
      />
      <path
        d="M7.39062 27.0234C7.39062 28.6803 8.73377 30.0234 10.3906 30.0234H27.2422V4.97656C27.2422 3.31971 25.899 1.97656 24.2422 1.97656H4.84375H4.75781V1.97798C4.78635 1.97704 4.815 1.97656 4.84375 1.97656C6.25034 1.97656 7.39062 3.11684 7.39062 4.52344V27.0234Z"
        fill="url(#paint4_radial_18_21056)"
      />
    </g>
    <g filter="url(#filter1_i_18_21056)">
      <path
        d="M4.84375 1.97656C3.43716 1.97656 2.29688 3.11684 2.29688 4.52344V5.22813C2.29688 5.28335 2.34165 5.32812 2.39688 5.32812H7.39062V4.52344C7.39062 3.11684 6.25034 1.97656 4.84375 1.97656Z"
        fill="url(#paint5_radial_18_21056)"
      />
    </g>
    <g filter="url(#filter2_i_18_21056)">
      <path
        d="M14.2578 27.1641C14.1198 27.1641 14.0078 27.276 14.0078 27.4141V27.4264L14.0039 27.4258C13.9305 29.0173 12.6449 30.0234 11.0352 30.0234H27.5174C29.0395 30.0234 30.2734 28.7895 30.2734 27.2674C30.2734 27.2103 30.2272 27.1641 30.1701 27.1641H14.2578Z"
        fill="url(#paint6_linear_18_21056)"
      />
      <path
        d="M14.2578 27.1641C14.1198 27.1641 14.0078 27.276 14.0078 27.4141V27.4264L14.0039 27.4258C13.9305 29.0173 12.6449 30.0234 11.0352 30.0234H27.5174C29.0395 30.0234 30.2734 28.7895 30.2734 27.2674C30.2734 27.2103 30.2272 27.1641 30.1701 27.1641H14.2578Z"
        fill="url(#paint7_linear_18_21056)"
      />
    </g>
    <g filter="url(#filter3_ii_18_21056)">
      <rect
        x={10.25}
        y={12.1133}
        width={13.9062}
        height={1.01172}
        rx={0.505859}
        fill="url(#paint8_linear_18_21056)"
      />
    </g>
    <g filter="url(#filter4_ii_18_21056)">
      <rect
        x={10.25}
        y={15.1055}
        width={13.9062}
        height={1.01172}
        rx={0.505859}
        fill="url(#paint9_linear_18_21056)"
      />
    </g>
    <g filter="url(#filter5_ii_18_21056)">
      <rect
        x={10.25}
        y={18.0977}
        width={13.9062}
        height={1.01172}
        rx={0.505859}
        fill="url(#paint10_linear_18_21056)"
      />
    </g>
    <g filter="url(#filter6_ii_18_21056)">
      <rect
        x={10.25}
        y={21.0898}
        width={9.00781}
        height={1.01172}
        rx={0.505859}
        fill="url(#paint11_linear_18_21056)"
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18_21056"
        x={4.65781}
        y={1.87656}
        width={22.6844}
        height={28.1469}
        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.1} />
        <feGaussianBlur stdDeviation={0.125} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.996078 0 0 0 0 0.917647 0 0 0 0 0.592157 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_21056"
        />
        <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.1} dy={-0.1} />
        <feGaussianBlur stdDeviation={0.125} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.866667 0 0 0 0 0.627451 0 0 0 0 0.498039 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_21056"
          result="effect2_innerShadow_18_21056"
        />
      </filter>
      <filter
        id="filter1_i_18_21056"
        x={2.29688}
        y={1.97656}
        width={5.14375}
        height={3.40156}
        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.05} dy={0.05} />
        <feGaussianBlur stdDeviation={0.05} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.807843 0 0 0 0 0.494118 0 0 0 0 0.411765 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_21056"
        />
      </filter>
      <filter
        id="filter2_i_18_21056"
        x={11.0352}
        y={27.1641}
        width={19.3383}
        height={2.85938}
        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.1} />
        <feGaussianBlur stdDeviation={0.1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.72549 0 0 0 0 0.427451 0 0 0 0 0.203922 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_21056"
        />
      </filter>
      <filter
        id="filter3_ii_18_21056"
        x={10.2}
        y={12.0633}
        width={14.0063}
        height={1.11172}
        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.05} dy={-0.05} />
        <feGaussianBlur stdDeviation={0.025} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.721569 0 0 0 0 0.384314 0 0 0 0 0.262745 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_21056"
        />
        <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.05} dy={0.05} />
        <feGaussianBlur stdDeviation={0.025} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.972549 0 0 0 0 0.635294 0 0 0 0 0.380392 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_21056"
          result="effect2_innerShadow_18_21056"
        />
      </filter>
      <filter
        id="filter4_ii_18_21056"
        x={10.2}
        y={15.0555}
        width={14.0063}
        height={1.11172}
        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.05} dy={-0.05} />
        <feGaussianBlur stdDeviation={0.025} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.721569 0 0 0 0 0.384314 0 0 0 0 0.262745 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_21056"
        />
        <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.05} dy={0.05} />
        <feGaussianBlur stdDeviation={0.025} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.972549 0 0 0 0 0.635294 0 0 0 0 0.380392 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_21056"
          result="effect2_innerShadow_18_21056"
        />
      </filter>
      <filter
        id="filter5_ii_18_21056"
        x={10.2}
        y={18.0477}
        width={14.0063}
        height={1.11172}
        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.05} dy={-0.05} />
        <feGaussianBlur stdDeviation={0.025} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.721569 0 0 0 0 0.384314 0 0 0 0 0.262745 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_21056"
        />
        <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.05} dy={0.05} />
        <feGaussianBlur stdDeviation={0.025} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.972549 0 0 0 0 0.635294 0 0 0 0 0.380392 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_21056"
          result="effect2_innerShadow_18_21056"
        />
      </filter>
      <filter
        id="filter6_ii_18_21056"
        x={10.2}
        y={21.0398}
        width={9.10781}
        height={1.11172}
        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.05} dy={-0.05} />
        <feGaussianBlur stdDeviation={0.025} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.721569 0 0 0 0 0.384314 0 0 0 0 0.262745 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_21056"
        />
        <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.05} dy={0.05} />
        <feGaussianBlur stdDeviation={0.025} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.972549 0 0 0 0 0.635294 0 0 0 0 0.380392 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_21056"
          result="effect2_innerShadow_18_21056"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_21056"
        x1={8.99729}
        y1={16}
        x2={24.7109}
        y2={21.4297}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFBF82" />
        <stop offset={0.736387} stopColor="#FFD8A3" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_21056"
        x1={16}
        y1={1.97656}
        x2={16}
        y2={8.67969}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFD27C" />
        <stop offset={1} stopColor="#FFD27C" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint2_linear_18_21056"
        x1={16}
        y1={1.67969}
        x2={16}
        y2={3.42969}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F9B76C" />
        <stop offset={1} stopColor="#FFC573" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint3_radial_18_21056"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(11.7668 30.0234) rotate(-90) scale(3.12594 5.10625)"
      >
        <stop stopColor="#FFDA8D" />
        <stop offset={1} stopColor="#FFDA8D" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_18_21056"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.8731 27.8693) rotate(-90) scale(2.76952 20.9414)"
      >
        <stop stopColor="#FFDD93" />
        <stop offset={1} stopColor="#FFDD93" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_21056"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(2.55469 5.32813) scale(3.90625 5.93677)"
      >
        <stop stopColor="#EB9160" />
        <stop offset={1} stopColor="#C36241" />
      </radialGradient>
      <linearGradient
        id="paint6_linear_18_21056"
        x1={20.6543}
        y1={27.1641}
        x2={20.6543}
        y2={30.0234}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E58F4F" />
        <stop offset={1} stopColor="#EE9880" />
      </linearGradient>
      <linearGradient
        id="paint7_linear_18_21056"
        x1={18.4609}
        y1={30.0234}
        x2={18.4609}
        y2={29.1172}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E07E98" />
        <stop offset={1} stopColor="#E07E98" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_21056"
        x1={10.4297}
        y1={12.8984}
        x2={22.9609}
        y2={12.8984}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D37E48" />
        <stop offset={1} stopColor="#DE8650" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_21056"
        x1={10.4297}
        y1={15.8906}
        x2={22.9609}
        y2={15.8906}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D37E48" />
        <stop offset={1} stopColor="#DE8650" />
      </linearGradient>
      <linearGradient
        id="paint10_linear_18_21056"
        x1={10.4297}
        y1={18.8828}
        x2={22.9609}
        y2={18.8828}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D37E48" />
        <stop offset={1} stopColor="#DE8650" />
      </linearGradient>
      <linearGradient
        id="paint11_linear_18_21056"
        x1={10.3664}
        y1={21.875}
        x2={18.4835}
        y2={21.875}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D37E48" />
        <stop offset={1} stopColor="#DE8650" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = ScrollIcon;