const React = require("react");
const FountainPenIcon = ({ 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_22308)">
      <path
        d="M29.1404 9.34766C29.4878 9.00032 29.4878 8.43718 29.1404 8.08985C28.7931 7.74251 28.23 7.74251 27.8826 8.08985L22.3319 13.6406C21.9845 13.988 21.9845 14.5511 22.3319 14.8984C22.6792 15.2458 23.2423 15.2458 23.5897 14.8984L29.1404 9.34766Z"
        fill="#C3C0C9"
      />
      <path
        d="M29.1404 9.34766C29.4878 9.00032 29.4878 8.43718 29.1404 8.08985C28.7931 7.74251 28.23 7.74251 27.8826 8.08985L22.3319 13.6406C21.9845 13.988 21.9845 14.5511 22.3319 14.8984C22.6792 15.2458 23.2423 15.2458 23.5897 14.8984L29.1404 9.34766Z"
        fill="url(#paint0_linear_18_22308)"
      />
      <path
        d="M29.1404 9.34766C29.4878 9.00032 29.4878 8.43718 29.1404 8.08985C28.7931 7.74251 28.23 7.74251 27.8826 8.08985L22.3319 13.6406C21.9845 13.988 21.9845 14.5511 22.3319 14.8984C22.6792 15.2458 23.2423 15.2458 23.5897 14.8984L29.1404 9.34766Z"
        fill="url(#paint1_radial_18_22308)"
      />
    </g>
    <g filter="url(#filter1_i_18_22308)">
      <path
        d="M8.5975 18.6406L12.6131 22.6563L7.10988 28.2351C6.98909 28.3575 6.83875 28.4468 6.6734 28.4941L2.04615 29.8199C1.74642 29.9058 1.46803 29.631 1.55007 29.3302L2.79495 24.7656C2.83966 24.6017 2.92541 24.4518 3.0441 24.3302L8.5975 18.6406Z"
        fill="#B9B4C1"
      />
    </g>
    <path
      d="M8.5975 18.6406L12.6131 22.6563L7.10988 28.2351C6.98909 28.3575 6.83875 28.4468 6.6734 28.4941L2.04615 29.8199C1.74642 29.9058 1.46803 29.631 1.55007 29.3302L2.79495 24.7656C2.83966 24.6017 2.92541 24.4518 3.0441 24.3302L8.5975 18.6406Z"
      fill="url(#paint2_linear_18_22308)"
    />
    <path
      d="M8.5975 18.6406L12.6131 22.6563L7.10988 28.2351C6.98909 28.3575 6.83875 28.4468 6.6734 28.4941L2.04615 29.8199C1.74642 29.9058 1.46803 29.631 1.55007 29.3302L2.79495 24.7656C2.83966 24.6017 2.92541 24.4518 3.0441 24.3302L8.5975 18.6406Z"
      fill="url(#paint3_linear_18_22308)"
    />
    <path
      d="M8.5975 18.6406L12.6131 22.6563L7.10988 28.2351C6.98909 28.3575 6.83875 28.4468 6.6734 28.4941L2.04615 29.8199C1.74642 29.9058 1.46803 29.631 1.55007 29.3302L2.79495 24.7656C2.83966 24.6017 2.92541 24.4518 3.0441 24.3302L8.5975 18.6406Z"
      fill="url(#paint4_radial_18_22308)"
    />
    <circle
      cx={5.27716}
      cy={26.0859}
      r={0.976562}
      fill="url(#paint5_radial_18_22308)"
    />
    <circle
      cx={5.27716}
      cy={26.0859}
      r={0.976562}
      fill="url(#paint6_radial_18_22308)"
    />
    <path
      d="M23.0263 3.62456C24.3382 2.31265 26.4653 2.31265 27.7772 3.62456C29.0891 4.93648 29.0891 7.06352 27.7772 8.37544L10.8597 25.2929C10.4692 25.6834 9.83606 25.6834 9.44553 25.2929L6.10887 21.9562C5.71835 21.5657 5.71835 20.9325 6.10887 20.542L23.0263 3.62456Z"
      fill="url(#paint7_linear_18_22308)"
    />
    <path
      d="M23.0263 3.62456C24.3382 2.31265 26.4653 2.31265 27.7772 3.62456C29.0891 4.93648 29.0891 7.06352 27.7772 8.37544L10.8597 25.2929C10.4692 25.6834 9.83606 25.6834 9.44553 25.2929L6.10887 21.9562C5.71835 21.5657 5.71835 20.9325 6.10887 20.542L23.0263 3.62456Z"
      fill="url(#paint8_linear_18_22308)"
    />
    <path
      d="M23.0263 3.62456C24.3382 2.31265 26.4653 2.31265 27.7772 3.62456C29.0891 4.93648 29.0891 7.06352 27.7772 8.37544L10.8597 25.2929C10.4692 25.6834 9.83606 25.6834 9.44553 25.2929L6.10887 21.9562C5.71835 21.5657 5.71835 20.9325 6.10887 20.542L23.0263 3.62456Z"
      fill="url(#paint9_linear_18_22308)"
    />
    <path
      d="M23.0263 3.62456C24.3382 2.31265 26.4653 2.31265 27.7772 3.62456C29.0891 4.93648 29.0891 7.06352 27.7772 8.37544L10.8597 25.2929C10.4692 25.6834 9.83606 25.6834 9.44553 25.2929L6.10887 21.9562C5.71835 21.5657 5.71835 20.9325 6.10887 20.542L23.0263 3.62456Z"
      fill="url(#paint10_linear_18_22308)"
    />
    <g filter="url(#filter2_f_18_22308)">
      <path
        d="M26.3877 4.59982C26.6392 4.34837 27.0469 4.34837 27.2983 4.59982V4.59982C27.5498 4.85128 27.5498 5.25896 27.2983 5.51041L9.46974 23.339C9.37211 23.4366 9.21382 23.4366 9.11619 23.339L8.55916 22.7819C8.46153 22.6843 8.46153 22.526 8.55916 22.4284L26.3877 4.59982Z"
        fill="url(#paint11_linear_18_22308)"
      />
    </g>
    <g filter="url(#filter3_i_18_22308)">
      <path
        d="M13.3693 12.8844C13.5256 12.7282 13.7788 12.7282 13.935 12.8844L18.5725 17.5218C18.7287 17.678 18.7287 17.9313 18.5725 18.0875L17.6538 19.0062C17.4976 19.1624 17.2443 19.1624 17.0881 19.0062L12.4507 14.3687C12.2944 14.2125 12.2944 13.9593 12.4507 13.8031L13.3693 12.8844Z"
        fill="url(#paint12_linear_18_22308)"
      />
      <path
        d="M13.3693 12.8844C13.5256 12.7282 13.7788 12.7282 13.935 12.8844L18.5725 17.5218C18.7287 17.678 18.7287 17.9313 18.5725 18.0875L17.6538 19.0062C17.4976 19.1624 17.2443 19.1624 17.0881 19.0062L12.4507 14.3687C12.2944 14.2125 12.2944 13.9593 12.4507 13.8031L13.3693 12.8844Z"
        fill="url(#paint13_radial_18_22308)"
      />
    </g>
    <g filter="url(#filter4_i_18_22308)">
      <path
        d="M23.4562 3.03329C23.6514 2.83803 23.968 2.83803 24.1633 3.03329L28.4075 7.27751C28.6028 7.47278 28.6028 7.78936 28.4075 7.98462L27.3863 9.00589C27.3082 9.08399 27.1815 9.08399 27.1034 9.00589L22.4349 4.33739C22.3568 4.25929 22.3568 4.13266 22.4349 4.05455L23.4562 3.03329Z"
        fill="url(#paint14_linear_18_22308)"
      />
      <path
        d="M23.4562 3.03329C23.6514 2.83803 23.968 2.83803 24.1633 3.03329L28.4075 7.27751C28.6028 7.47278 28.6028 7.78936 28.4075 7.98462L27.3863 9.00589C27.3082 9.08399 27.1815 9.08399 27.1034 9.00589L22.4349 4.33739C22.3568 4.25929 22.3568 4.13266 22.4349 4.05455L23.4562 3.03329Z"
        fill="url(#paint15_radial_18_22308)"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18_22308"
        x={22.0714}
        y={7.57935}
        width={7.47959}
        height={7.57959}
        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} 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.556863 0 0 0 0 0.470588 0 0 0 0 0.643137 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_22308"
        />
      </filter>
      <filter
        id="filter1_i_18_22308"
        x={1.53552}
        y={18.6406}
        width={12.0776}
        height={11.6953}
        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={0.5} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.654902 0 0 0 0 0.647059 0 0 0 0 0.662745 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_22308"
        />
      </filter>
      <filter
        id="filter2_f_18_22308"
        x={6.98593}
        y={2.91125}
        width={22.001}
        height={22.001}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.75}
          result="effect1_foregroundBlur_18_22308"
        />
      </filter>
      <filter
        id="filter3_i_18_22308"
        x={12.3335}
        y={12.6172}
        width={6.35614}
        height={6.50608}
        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.15} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.6 0 0 0 0 0.541176 0 0 0 0 0.67451 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_22308"
        />
      </filter>
      <filter
        id="filter4_i_18_22308"
        x={22.3763}
        y={2.73684}
        width={6.32763}
        height={6.32761}
        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} dy={-0.15} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.615686 0 0 0 0 0.615686 0 0 0 0 0.619608 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_22308"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_22308"
        x1={24.3631}
        y1={11.25}
        x2={25.2381}
        y2={12.1563}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.33357} stopColor="#A7A7B6" />
        <stop offset={1} stopColor="#A7A7B6" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_22308"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(29.1131 8.09375) rotate(135) scale(0.972272 0.773398)"
      >
        <stop stopColor="#E3E2E5" />
        <stop offset={1} stopColor="#E3E2E5" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18_22308"
        x1={5.14435}
        y1={29.1875}
        x2={4.6756}
        y2={27.6875}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.117438} stopColor="#957BAF" />
        <stop offset={1} stopColor="#B5AAC2" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_22308"
        x1={10.6443}
        y1={26.0625}
        x2={8.72247}
        y2={24.9844}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.348636} stopColor="#9A86B1" />
        <stop offset={1} stopColor="#9A86B1" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint4_radial_18_22308"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.4256 24.5313) rotate(136.292) scale(1.46983 5.23343)"
      >
        <stop offset={0.311221} stopColor="#7A738E" />
        <stop offset={1} stopColor="#7A738E" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_22308"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(5.03497 26.3594) rotate(-31.3287) scale(0.841432)"
      >
        <stop stopColor="#A9A8AB" />
        <stop offset={1} stopColor="#7C7B7E" />
      </radialGradient>
      <radialGradient
        id="paint6_radial_18_22308"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(5.01935 26.9219) rotate(-76.8094) scale(2.0542 1.69717)"
      >
        <stop offset={0.546748} stopColor="#645D6B" stopOpacity={0} />
        <stop offset={0.930456} stopColor="#645D6B" />
      </radialGradient>
      <linearGradient
        id="paint7_linear_18_22308"
        x1={27.5818}
        y1={3.18748}
        x2={7.01935}
        y2={23.125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3A81C6" />
        <stop offset={1} stopColor="#3270B0" />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_22308"
        x1={13.3006}
        y1={12.6562}
        x2={15.8318}
        y2={15.25}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3F70AB" />
        <stop offset={1} stopColor="#3F70AB" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_22308"
        x1={19.9525}
        y1={16.8536}
        x2={18.663}
        y2={15.4352}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.161387} stopColor="#456AB9" />
        <stop offset={1} stopColor="#3677B8" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint10_linear_18_22308"
        x1={7.7381}
        y1={23.6719}
        x2={8.95685}
        y2={22.3437}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3752AE" />
        <stop offset={1} stopColor="#3372B3" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint11_linear_18_22308"
        x1={27.2983}
        y1={4.59982}
        x2={8.83767}
        y2={23.0605}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#6D9EDE" />
        <stop offset={1} stopColor="#477EC2" />
      </linearGradient>
      <linearGradient
        id="paint12_linear_18_22308"
        x1={12.9894}
        y1={13.544}
        x2={18.2762}
        y2={18.3579}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#AFAEB0" />
        <stop offset={1} stopColor="#C0B9C8" />
      </linearGradient>
      <radialGradient
        id="paint13_radial_18_22308"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.7718 15.0913) rotate(136.637) scale(2.12836 3.1968)"
      >
        <stop stopColor="#D7D5DB" />
        <stop offset={1} stopColor="#D7D5DB" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint14_linear_18_22308"
        x1={23.0138}
        y1={3.6418}
        x2={28.1521}
        y2={8.32056}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#AFAEB0" />
        <stop offset={1} stopColor="#C0B9C8" />
      </linearGradient>
      <radialGradient
        id="paint15_radial_18_22308"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(26.69 5.14569) rotate(135.361) scale(2.45618 3.68919)"
      >
        <stop offset={0.142948} stopColor="#D7D5DB" />
        <stop offset={1} stopColor="#D7D5DB" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = FountainPenIcon;