const React = require("react");
const BlackFlagIcon = ({ 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_4_7848)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M7.22616 1.94975C7.75084 1.94975 8.17616 2.37508 8.17616 2.89975V28.7122C8.17616 29.2369 7.75084 29.6623 7.22616 29.6623C6.70149 29.6623 6.27617 29.2369 6.27617 28.7122V2.89975C6.27617 2.37508 6.70149 1.94975 7.22616 1.94975Z"
        fill="#9D9DA2"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M7.22616 1.94975C7.75084 1.94975 8.17616 2.37508 8.17616 2.89975V28.7122C8.17616 29.2369 7.75084 29.6623 7.22616 29.6623C6.70149 29.6623 6.27617 29.2369 6.27617 28.7122V2.89975C6.27617 2.37508 6.70149 1.94975 7.22616 1.94975Z"
        fill="url(#paint0_radial_4_7848)"
      />
    </g>
    <g filter="url(#filter1_ii_4_7848)">
      <path
        d="M9.45144 5.1185C8.42679 4.73754 7.47012 4.62196 6.85767 4.61858C6.51378 4.61669 6.27617 4.90651 6.27617 5.25041V17.4479C6.27617 17.7296 6.50934 17.9541 6.79095 17.96C9.1059 18.0089 9.63712 18.8685 12.2843 18.8685C15.1171 18.8685 18.2924 16.9622 21.0319 16.9622C22.889 16.9622 24.9071 17.6467 26.048 18.1598C26.2892 18.2683 26.573 18.0955 26.573 17.831V5.49353C26.573 5.20672 26.4086 4.94315 26.1479 4.82359C21.0507 2.48604 18.5478 4.05031 15.4284 4.931C13.4361 5.4935 11.6617 5.75912 9.45144 5.1185Z"
        fill="url(#paint1_radial_4_7848)"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_4_7848"
        x={6.27617}
        y={1.44975}
        width={2.65}
        height={28.2125}
        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.75} dy={-0.5} />
        <feGaussianBlur stdDeviation={0.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.411765 0 0 0 0 0.415686 0 0 0 0 0.431373 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_4_7848"
        />
      </filter>
      <filter
        id="filter1_ii_4_7848"
        x={6.02617}
        y={3.34703}
        width={20.5469}
        height={15.5215}
        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.298039 0 0 0 0 0.262745 0 0 0 0 0.337255 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_4_7848"
        />
        <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.235294 0 0 0 0 0.145098 0 0 0 0 0.32549 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_4_7848"
          result="effect2_innerShadow_4_7848"
        />
      </filter>
      <radialGradient
        id="paint0_radial_4_7848"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.0204 2.3765) rotate(152.613) scale(1.18498 1.36575)"
      >
        <stop stopColor="#A9AAAD" />
        <stop offset={1} stopColor="#A9AAAD" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint1_radial_4_7848"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(26.573 18.306) rotate(-135.967) scale(17.8039 17.8546)"
      >
        <stop offset={0.211663} stopColor="#3E304B" />
        <stop offset={1} stopColor="#27222C" />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = BlackFlagIcon;