const React = require("react");
const BooksIcon = ({ 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_i_18_20855)">
      <path
        d="M16.5725 11.0757H28.9625C29.7073 11.0757 30.3111 11.6795 30.3111 12.4243V28H16.5725V11.0757Z"
        fill="url(#paint0_linear_18_20855)"
      />
      <path
        d="M16.5725 11.0757H28.9625C29.7073 11.0757 30.3111 11.6795 30.3111 12.4243V28H16.5725V11.0757Z"
        fill="url(#paint1_linear_18_20855)"
      />
      <path
        d="M16.5725 11.0757H28.9625C29.7073 11.0757 30.3111 11.6795 30.3111 12.4243V28H16.5725V11.0757Z"
        fill="url(#paint2_radial_18_20855)"
      />
    </g>
    <path
      d="M15.814 27.5957H30.3111V29.2814H29.974L29.6368 29.6186H15.814V27.5957Z"
      fill="url(#paint3_linear_18_20855)"
    />
    <path
      d="M15.814 27.5957H30.3111V29.2814H29.974L29.6368 29.6186H15.814V27.5957Z"
      fill="url(#paint4_linear_18_20855)"
    />
    <path
      d="M16.4882 11.0757C15.9296 11.0757 15.4768 11.5285 15.4768 12.0871V28.6071H16.1511C16.1511 28.2347 16.453 27.9328 16.8254 27.9328H17.4997V11.0757H16.4882Z"
      fill="url(#paint5_linear_18_20855)"
    />
    <path
      d="M16.4882 11.0757C15.9296 11.0757 15.4768 11.5285 15.4768 12.0871V28.6071H16.1511C16.1511 28.2347 16.453 27.9328 16.8254 27.9328H17.4997V11.0757H16.4882Z"
      fill="url(#paint6_radial_18_20855)"
    />
    <g filter="url(#filter1_i_18_20855)">
      <path
        d="M16.4882 27.2585C15.9296 27.2585 15.4768 27.7114 15.4768 28.27V28.9443C15.4768 29.5029 15.9296 29.9557 16.4882 29.9557H29.5746C30.0149 29.9557 30.3111 29.7302 30.3111 29.2814H16.8254C16.453 29.2814 16.1511 28.9795 16.1511 28.6071C16.1511 28.2347 16.453 27.9328 16.8254 27.9328H30.3111V27.2585H16.4882Z"
        fill="url(#paint7_linear_18_20855)"
      />
    </g>
    <path
      d="M10.4371 7.03625H21.9C22.6448 7.03625 23.2486 7.64003 23.2486 8.38483V23.2191H10.4371V7.03625Z"
      fill="url(#paint8_linear_18_20855)"
    />
    <path
      d="M10.4371 7.03625H21.9C22.6448 7.03625 23.2486 7.64003 23.2486 8.38483V23.2191H10.4371V7.03625Z"
      fill="url(#paint9_linear_18_20855)"
    />
    <path
      d="M10.4371 7.03625H21.9C22.6448 7.03625 23.2486 7.64003 23.2486 8.38483V23.2191H10.4371V7.03625Z"
      fill="url(#paint10_radial_18_20855)"
    />
    <path
      d="M8.75146 23.5563H23.2486V25.242H22.9115L22.5743 25.5791H8.75146V23.5563Z"
      fill="url(#paint11_linear_18_20855)"
    />
    <path
      d="M8.75146 23.5563H23.2486V25.242H22.9115L22.5743 25.5791H8.75146V23.5563Z"
      fill="url(#paint12_linear_18_20855)"
    />
    <path
      d="M9.42574 7.03625C8.86714 7.03625 8.41431 7.48909 8.41431 8.04768V24.5677H9.08859C9.08859 24.1953 9.39048 23.8934 9.76288 23.8934H10.4372V7.03625H9.42574Z"
      fill="url(#paint13_linear_18_20855)"
    />
    <path
      d="M9.42574 7.03625C8.86714 7.03625 8.41431 7.48909 8.41431 8.04768V24.5677H9.08859C9.08859 24.1953 9.39048 23.8934 9.76288 23.8934H10.4372V7.03625H9.42574Z"
      fill="url(#paint14_radial_18_20855)"
    />
    <path
      d="M9.42574 7.03625C8.86714 7.03625 8.41431 7.48909 8.41431 8.04768V24.5677H9.08859C9.08859 24.1953 9.39048 23.8934 9.76288 23.8934H10.4372V7.03625H9.42574Z"
      fill="url(#paint15_radial_18_20855)"
    />
    <g filter="url(#filter2_i_18_20855)">
      <path
        d="M9.42574 23.2191C8.86714 23.2191 8.41431 23.6719 8.41431 24.2305V24.9048C8.41431 25.4634 8.86714 25.9163 9.42574 25.9163H22.5121C22.9524 25.9163 23.2486 25.6907 23.2486 25.242H9.76288C9.39048 25.242 9.08859 24.9401 9.08859 24.5677C9.08859 24.1953 9.39048 23.8934 9.76288 23.8934H23.2486V23.2191H9.42574Z"
        fill="url(#paint16_linear_18_20855)"
      />
    </g>
    <g filter="url(#filter3_i_18_20855)">
      <path
        d="M3.28204 4H15.6688C16.4134 4 17.017 4.60362 17.017 5.34821V20.1786H3.28204V4Z"
        fill="url(#paint17_linear_18_20855)"
      />
      <path
        d="M3.28204 4H15.6688C16.4134 4 17.017 4.60362 17.017 5.34821V20.1786H3.28204V4Z"
        fill="url(#paint18_linear_18_20855)"
      />
    </g>
    <path
      d="M2.52368 20.5156H17.017V22.2009H16.6799L16.3429 22.5379H2.52368V20.5156Z"
      fill="url(#paint19_linear_18_20855)"
    />
    <path
      d="M2.52368 20.5156H17.017V22.2009H16.6799L16.3429 22.5379H2.52368V20.5156Z"
      fill="url(#paint20_linear_18_20855)"
    />
    <path
      d="M3.19781 4C2.63936 4 2.18665 4.45271 2.18665 5.01116V21.5268H2.86075C2.86075 21.1545 3.16256 20.8527 3.53486 20.8527H4.20897V4H3.19781Z"
      fill="url(#paint21_linear_18_20855)"
    />
    <g filter="url(#filter4_i_18_20855)">
      <path
        d="M3.19781 20.1786C2.63936 20.1786 2.18665 20.6313 2.18665 21.1897V21.8639C2.18665 22.4223 2.63936 22.875 3.19781 22.875H16.2807C16.7209 22.875 17.017 22.6495 17.017 22.2009H3.53486C3.16256 22.2009 2.86075 21.8991 2.86075 21.5268C2.86075 21.1545 3.16256 20.8527 3.53486 20.8527H17.017V20.1786H3.19781Z"
        fill="url(#paint22_linear_18_20855)"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18_20855"
        x={16.5725}
        y={11.0757}
        width={13.7386}
        height={17.0243}
        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 dy={0.1} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.32549 0 0 0 0 0.807843 0 0 0 0 0.933333 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_20855"
        />
      </filter>
      <filter
        id="filter1_i_18_20855"
        x={15.4768}
        y={27.2585}
        width={14.8343}
        height={2.79714}
        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 dy={0.1} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.168627 0 0 0 0 0.388235 0 0 0 0 0.74902 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_20855"
        />
      </filter>
      <filter
        id="filter2_i_18_20855"
        x={8.41431}
        y={23.2191}
        width={14.8343}
        height={2.79714}
        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 dy={0.1} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.694118 0 0 0 0 0.192157 0 0 0 0 0.360784 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_20855"
        />
      </filter>
      <filter
        id="filter3_i_18_20855"
        x={3.28204}
        y={4}
        width={13.7349}
        height={16.2786}
        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 dy={0.1} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.623529 0 0 0 0 0.858824 0 0 0 0 0.290196 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_20855"
        />
      </filter>
      <filter
        id="filter4_i_18_20855"
        x={2.18665}
        y={20.1786}
        width={14.8304}
        height={2.79641}
        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 dy={0.1} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.113725 0 0 0 0 0.435294 0 0 0 0 0.439216 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_20855"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_20855"
        x1={23.9054}
        y1={11.0757}
        x2={23.9054}
        y2={27.2585}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#56D1F3" />
        <stop offset={1} stopColor="#39ADF1" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_20855"
        x1={30.4164}
        y1={13.4568}
        x2={29.0889}
        y2={13.6464}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0135725} stopColor="#7FECFF" />
        <stop offset={1} stopColor="#60DEFF" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint2_radial_18_20855"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.4143 27.2585) scale(6.0275 5.11709)"
      >
        <stop stopColor="#2E7CD5" />
        <stop offset={1} stopColor="#2E7CD5" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint3_linear_18_20855"
        x1={16.6376}
        y1={28.8873}
        x2={30.1891}
        y2={28.8873}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D5BCEB" />
        <stop offset={1} stopColor="#DCCCED" />
        <stop offset={1} stopColor="#E3D3F2" />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_20855"
        x1={23.0625}
        y1={27.7562}
        x2={23.0625}
        y2={28.7133}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#9F84AE" />
        <stop offset={1} stopColor="#C5B1D6" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_20855"
        x1={15.6152}
        y1={21.0131}
        x2={17.2047}
        y2={21.0214}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#44A3D2" />
        <stop offset={1} stopColor="#3C8FCC" />
      </linearGradient>
      <radialGradient
        id="paint6_radial_18_20855"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.4997 25.625) rotate(90) scale(4.21875 2.46036)"
      >
        <stop stopColor="#3163AE" />
        <stop offset={1} stopColor="#3163AE" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint7_linear_18_20855"
        x1={16.4418}
        y1={29.2571}
        x2={30.3111}
        y2={29.2353}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3769C5" />
        <stop offset={1} stopColor="#3666C3" />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_20855"
        x1={16.8428}
        y1={7.03625}
        x2={16.8428}
        y2={23.2191}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E13074" />
        <stop offset={1} stopColor="#E0334C" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_20855"
        x1={24.3881}
        y1={9.31695}
        x2={22.561}
        y2={9.3822}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.408703} stopColor="#F76594" />
        <stop offset={1} stopColor="#FA6295" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint10_radial_18_20855"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(11.008 22.8125) scale(6.75 5.4622)"
      >
        <stop stopColor="#B21940" />
        <stop offset={1} stopColor="#B21940" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint11_linear_18_20855"
        x1={9.57511}
        y1={24.8478}
        x2={23.1266}
        y2={24.8478}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D5BCEB" />
        <stop offset={1} stopColor="#DCCCED" />
        <stop offset={1} stopColor="#E3D3F2" />
      </linearGradient>
      <linearGradient
        id="paint12_linear_18_20855"
        x1={16}
        y1={23.7167}
        x2={16}
        y2={24.6738}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#9F84AE" />
        <stop offset={1} stopColor="#C5B1D6" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint13_linear_18_20855"
        x1={8.55275}
        y1={16.9736}
        x2={10.4372}
        y2={16.9736}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#9A3E4F" />
        <stop offset={1} stopColor="#AA2C4D" />
      </linearGradient>
      <radialGradient
        id="paint14_radial_18_20855"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.68326 23.6732) rotate(-90) scale(4.4809 0.78956)"
      >
        <stop stopColor="#9B3F51" />
        <stop offset={1} stopColor="#9B3F51" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint15_radial_18_20855"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.4372 22.3437) rotate(90) scale(3.28125 1.86661)"
      >
        <stop offset={0.266667} stopColor="#8F163A" />
        <stop offset={1} stopColor="#8F163A" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint16_linear_18_20855"
        x1={9.37932}
        y1={25.2176}
        x2={23.2486}
        y2={25.1959}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#AB1F5C" />
        <stop offset={1} stopColor="#A51E5A" />
      </linearGradient>
      <linearGradient
        id="paint17_linear_18_20855"
        x1={10.613}
        y1={4}
        x2={10.613}
        y2={20.1786}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#A6E051" />
        <stop offset={1} stopColor="#74D891" />
      </linearGradient>
      <linearGradient
        id="paint18_linear_18_20855"
        x1={17.1223}
        y1={6.38044}
        x2={15.7952}
        y2={6.57003}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0135725} stopColor="#C0FA7C" />
        <stop offset={1} stopColor="#B0ED5B" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint19_linear_18_20855"
        x1={3.34711}
        y1={21.8069}
        x2={16.895}
        y2={21.8069}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D5BCEB" />
        <stop offset={1} stopColor="#DCCCED" />
        <stop offset={1} stopColor="#E3D3F2" />
      </linearGradient>
      <linearGradient
        id="paint20_linear_18_20855"
        x1={9.77033}
        y1={20.6761}
        x2={9.77033}
        y2={21.6329}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#9F84AE" />
        <stop offset={1} stopColor="#C5B1D6" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint21_linear_18_20855"
        x1={2.32505}
        y1={13.9347}
        x2={3.91405}
        y2={13.9431}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#63B33B" />
        <stop offset={1} stopColor="#429B5B" />
      </linearGradient>
      <linearGradient
        id="paint22_linear_18_20855"
        x1={3.15141}
        y1={22.1766}
        x2={17.017}
        y2={22.1548}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#2E7671" />
        <stop offset={1} stopColor="#2E7172" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = BooksIcon;