const React = require("react");
const RollOfPaperIcon = ({ 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}
    <rect
      x={12.6643}
      y={10.7828}
      width={12.1016}
      height={13.4844}
      fill="url(#paint0_linear_18_26187)"
    />
    <rect
      x={12.6643}
      y={10.7828}
      width={12.1016}
      height={13.4844}
      fill="url(#paint1_radial_18_26187)"
    />
    <g filter="url(#filter0_ii_18_26187)">
      <ellipse
        cx={24.7659}
        cy={14.7985}
        rx={5.07031}
        ry={9.46875}
        fill="url(#paint2_linear_18_26187)"
      />
    </g>
    <ellipse
      cx={24.9299}
      cy={14.7672}
      rx={2.14062}
      ry={3.98438}
      fill="url(#paint3_linear_18_26187)"
    />
    <g filter="url(#filter1_ii_18_26187)">
      <path
        d="M19.6954 28.8453V14.7985C19.6956 9.56903 21.9656 5.32971 24.7659 5.32971C27.5483 5.32971 29.8073 9.51544 29.8359 14.6989C29.8359 14.6774 29.8361 14.6559 29.8361 14.6344C29.8361 9.31433 27.3317 5.00159 24.2423 5.00159H7.75793C4.66858 5.00159 2.16418 9.31433 2.16418 14.6344L2.16406 14.7075L2.16418 14.7672V28.8453C2.16418 29.3976 2.61194 29.8453 3.16418 29.8453H18.6954C19.2478 29.8453 19.6954 29.3976 19.6954 28.8453Z"
        fill="url(#paint4_linear_18_26187)"
      />
    </g>
    <path
      d="M19.6954 28.8453V14.7985C19.6956 9.56903 21.9656 5.32971 24.7659 5.32971C27.5483 5.32971 29.8073 9.51544 29.8359 14.6989C29.8359 14.6774 29.8361 14.6559 29.8361 14.6344C29.8361 9.31433 27.3317 5.00159 24.2423 5.00159H7.75793C4.66858 5.00159 2.16418 9.31433 2.16418 14.6344L2.16406 14.7075L2.16418 14.7672V28.8453C2.16418 29.3976 2.61194 29.8453 3.16418 29.8453H18.6954C19.2478 29.8453 19.6954 29.3976 19.6954 28.8453Z"
      fill="url(#paint5_linear_18_26187)"
    />
    <defs>
      <filter
        id="filter0_ii_18_26187"
        x={19.6956}
        y={5.17971}
        width={10.3906}
        height={19.0875}
        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.25} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.976471 0 0 0 0 0.968627 0 0 0 0 0.984314 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_26187"
        />
        <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.25} dy={-0.15} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.878431 0 0 0 0 0.854902 0 0 0 0 0.909804 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_26187"
          result="effect2_innerShadow_18_26187"
        />
      </filter>
      <filter
        id="filter1_ii_18_26187"
        x={1.91406}
        y={5.00159}
        width={28.072}
        height={24.8438}
        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.15} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.737255 0 0 0 0 0.72549 0 0 0 0 0.752941 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_26187"
        />
        <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.25} />
        <feGaussianBlur stdDeviation={0.125} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.960784 0 0 0 0 0.956863 0 0 0 0 0.964706 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_26187"
          result="effect2_innerShadow_18_26187"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_26187"
        x1={18.7151}
        y1={20.1266}
        x2={18.7151}
        y2={24.2672}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#AA9DB9" />
        <stop offset={1} stopColor="#A385BE" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_26187"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.5393 18.7516) rotate(61.3691) scale(6.97827 3.14998)"
      >
        <stop offset={0.397794} stopColor="#CFC9D6" />
        <stop offset={0.988881} stopColor="#CFC9D6" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18_26187"
        x1={24.7659}
        y1={5.32971}
        x2={24.7659}
        y2={24.2672}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F1EFF3" />
        <stop offset={1} stopColor="#F2EFF6" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_26187"
        x1={25.8831}
        y1={15.3453}
        x2={22.7893}
        y2={11.3453}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#804D3B" />
        <stop offset={0.94083} stopColor="#4F2720" />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_26187"
        x1={16.0001}
        y1={5.50159}
        x2={16.0001}
        y2={29.8453}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.233962} stopColor="#D0D0D1" />
        <stop offset={0.45283} stopColor="#C7C3CC" />
        <stop offset={1} stopColor="#DBD7E0" />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_26187"
        x1={10.0706}
        y1={29.8453}
        x2={10.0706}
        y2={28.9391}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C7B9D5" />
        <stop offset={1} stopColor="#DBD7E0" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = RollOfPaperIcon;