const React = require("react");
const BookmarkIcon = ({ 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_21265)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M21.7813 2.69957C21.2737 2.19194 20.4506 2.19194 19.9429 2.69957L2.69891 19.9436C2.21689 20.4256 2.22162 21.2085 2.70938 21.6847C2.97842 21.9473 3.35321 22.0717 3.72586 22.022L9.34528 21.2735C10.1706 21.1636 10.8707 21.8761 10.7463 22.6993L9.90527 28.2656C9.84409 28.6705 9.98816 29.0793 10.2896 29.3564C10.7756 29.803 11.5272 29.7871 11.9939 29.3204L29.2788 12.0355C29.7865 11.5278 29.7865 10.7048 29.2788 10.1971L21.7813 2.69957ZM23.2859 10.7569C24.3786 10.7569 25.2644 9.85802 25.2644 8.74913C25.2644 7.64024 24.3786 6.74132 23.2859 6.74132C22.1932 6.74132 21.3074 7.64024 21.3074 8.74913C21.3074 9.85802 22.1932 10.7569 23.2859 10.7569Z"
        fill="url(#paint0_linear_18_21265)"
      />
    </g>
    <g filter="url(#filter1_ii_18_21265)">
      <path
        d="M18.9426 12.3385C19.3955 12.2141 19.8093 12.6348 19.6774 13.0856L19.2894 14.4113C19.2481 14.5526 19.2711 14.7048 19.3523 14.8276L20.1212 15.9899C20.385 16.3888 20.099 16.9209 19.6208 16.9209H18.2795C18.103 16.9209 17.9397 17.0139 17.8496 17.1656L17.2203 18.2251C16.9687 18.6488 16.3419 18.6053 16.1512 18.1509L15.5297 16.6702C15.4775 16.5458 15.3773 16.4478 15.2518 16.3985L13.8424 15.8437C13.3904 15.6658 13.3261 15.0526 13.7314 14.7848L14.852 14.0445C14.986 13.9559 15.0693 13.8084 15.0759 13.6479L15.1297 12.3464C15.1492 11.8739 15.6821 11.6086 16.0709 11.8779L17.1702 12.6396C17.2918 12.7239 17.4446 12.7499 17.5873 12.7107L18.9426 12.3385Z"
        fill="#FF85A2"
      />
    </g>
    <rect
      x={24.2683}
      y={1.74133}
      width={1.00781}
      height={5.03125}
      rx={0.503906}
      fill="url(#paint1_linear_18_21265)"
    />
    <rect
      x={24.2683}
      y={1.74133}
      width={1.00781}
      height={5.03125}
      rx={0.503906}
      fill="url(#paint2_radial_18_21265)"
    />
    <rect
      width={1.00781}
      height={5.03125}
      rx={0.503906}
      transform="matrix(1.19249e-08 -1 -1 -1.19249e-08 30.2761 7.74915)"
      fill="url(#paint3_linear_18_21265)"
    />
    <rect
      width={1.00781}
      height={5.03125}
      rx={0.503906}
      transform="matrix(1.19249e-08 -1 -1 -1.19249e-08 30.2761 7.74915)"
      fill="url(#paint4_radial_18_21265)"
    />
    <g filter="url(#filter2_i_18_21265)">
      <rect
        width={1.00781}
        height={1.59651}
        rx={0.503906}
        transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 26.0699 6.66016)"
        fill="#CD7C3D"
      />
    </g>
    <g filter="url(#filter3_f_18_21265)">
      <rect
        width={0.273646}
        height={1.06359}
        rx={0.136823}
        transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 25.7177 6.55298)"
        fill="url(#paint5_radial_18_21265)"
      />
    </g>
    <g filter="url(#filter4_f_18_21265)">
      <rect
        x={24.8387}
        y={2.05969}
        width={0.267334}
        height={4.39453}
        rx={0.133667}
        fill="url(#paint6_linear_18_21265)"
      />
    </g>
    <g filter="url(#filter5_f_18_21265)">
      <rect
        x={30.115}
        y={6.97791}
        width={0.267334}
        height={4.39453}
        rx={0.133667}
        transform="rotate(90 30.115 6.97791)"
        fill="url(#paint7_radial_18_21265)"
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18_21265"
        x={2.14045}
        y={2.31885}
        width={27.7191}
        height={27.5623}
        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.2} dy={0.2} />
        <feGaussianBlur stdDeviation={0.1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.384314 0 0 0 0 0.376471 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_21265"
        />
        <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.2} dy={0.2} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.780392 0 0 0 0 0.215686 0 0 0 0 0.231373 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_21265"
          result="effect2_innerShadow_18_21265"
        />
      </filter>
      <filter
        id="filter1_ii_18_21265"
        x={12.962}
        y={11.3702}
        width={7.65977}
        height={7.1486}
        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.4} dy={-0.4} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.592157 0 0 0 0 0.65098 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_21265"
        />
        <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.5} />
        <feGaussianBlur stdDeviation={0.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.443137 0 0 0 0 0.52549 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_21265"
          result="effect2_innerShadow_18_21265"
        />
      </filter>
      <filter
        id="filter2_i_18_21265"
        x={24.4371}
        y={5.90625}
        width={1.42407}
        height={1.67407}
        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.25} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.796078 0 0 0 0 0.396078 0 0 0 0 0.329412 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_21265"
        />
      </filter>
      <filter
        id="filter3_f_18_21265"
        x={24.5787}
        y={6.16614}
        width={1.33221}
        height={1.33221}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.125}
          result="effect1_foregroundBlur_18_21265"
        />
      </filter>
      <filter
        id="filter4_f_18_21265"
        x={24.5887}
        y={1.80969}
        width={0.767334}
        height={4.89453}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.125}
          result="effect1_foregroundBlur_18_21265"
        />
      </filter>
      <filter
        id="filter5_f_18_21265"
        x={25.4705}
        y={6.72791}
        width={4.89453}
        height={0.767334}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.125}
          result="effect1_foregroundBlur_18_21265"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_21265"
        x1={26.3405}
        y1={7.21008}
        x2={8.84045}
        y2={24.5226}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF454E" />
        <stop offset={1} stopColor="#F0305C" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_21265"
        x1={25.2761}
        y1={4.80383}
        x2={24.2683}
        y2={4.80383}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CF8B51" />
        <stop offset={1} stopColor="#CB662E" />
      </linearGradient>
      <radialGradient
        id="paint2_radial_18_21265"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.2761 6.31946) rotate(139.604) scale(1.08496 0.777558)"
      >
        <stop offset={0.420812} stopColor="#CA6533" />
        <stop offset={1} stopColor="#CA6533" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint3_linear_18_21265"
        x1={1.00781}
        y1={3.0625}
        x2={0}
        y2={3.0625}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CE8149" />
        <stop offset={1} stopColor="#D46F51" />
      </linearGradient>
      <radialGradient
        id="paint4_radial_18_21265"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(0.820313 4.65442) rotate(134.215) scale(0.806619 0.376826)"
      >
        <stop stopColor="#CD6C36" />
        <stop offset={1} stopColor="#CD6C36" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_21265"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(0.136823 -0.136823) rotate(90) scale(0.884757 1.57771)"
      >
        <stop offset={0.134648} stopColor="#D99666" />
        <stop offset={1} stopColor="#D99666" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint6_linear_18_21265"
        x1={24.9724}
        y1={2.05969}
        x2={24.9724}
        y2={8.56946}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D99666" />
        <stop offset={1} stopColor="#D99666" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint7_radial_18_21265"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(30.2487 6.97791) rotate(90) scale(0.813599 0.265655)"
      >
        <stop offset={0.134648} stopColor="#D99666" />
        <stop offset={1} stopColor="#D99666" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = BookmarkIcon;