const React = require("react");
const WhiteFlagIcon = ({ 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_7853)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M7.22616 2.14375C7.75084 2.14375 8.17616 2.56908 8.17616 3.09375V28.9063C8.17616 29.4309 7.75084 29.8563 7.22616 29.8563C6.70149 29.8563 6.27617 29.4309 6.27617 28.9063V3.09375C6.27617 2.56908 6.70149 2.14375 7.22616 2.14375Z"
        fill="#9D9DA2"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M7.22616 2.14375C7.75084 2.14375 8.17616 2.56908 8.17616 3.09375V28.9063C8.17616 29.4309 7.75084 29.8563 7.22616 29.8563C6.70149 29.8563 6.27617 29.4309 6.27617 28.9063V3.09375C6.27617 2.56908 6.70149 2.14375 7.22616 2.14375Z"
        fill="url(#paint0_radial_4_7853)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M7.22616 2.14375C7.75084 2.14375 8.17616 2.56908 8.17616 3.09375V28.9063C8.17616 29.4309 7.75084 29.8563 7.22616 29.8563C6.70149 29.8563 6.27617 29.4309 6.27617 28.9063V3.09375C6.27617 2.56908 6.70149 2.14375 7.22616 2.14375Z"
        fill="url(#paint1_radial_4_7853)"
      />
    </g>
    <g filter="url(#filter1_iii_4_7853)">
      <path
        d="M9.45144 5.3125C8.42679 4.93154 7.47012 4.81596 6.85767 4.81258C6.51378 4.81069 6.27617 5.10051 6.27617 5.44441V17.6419C6.27617 17.9236 6.50934 18.1481 6.79095 18.154C9.1059 18.2029 9.63712 19.0625 12.2843 19.0625C15.1171 19.0625 18.2924 17.1562 21.0319 17.1562C22.889 17.1562 24.9071 17.8407 26.048 18.3538C26.2892 18.4623 26.573 18.2895 26.573 18.025V5.68753C26.573 5.40072 26.4086 5.13715 26.1479 5.01759C21.0507 2.68004 18.5478 4.24431 15.4284 5.125C13.4361 5.6875 11.6617 5.95312 9.45144 5.3125Z"
        fill="#E8E4EC"
      />
      <path
        d="M9.45144 5.3125C8.42679 4.93154 7.47012 4.81596 6.85767 4.81258C6.51378 4.81069 6.27617 5.10051 6.27617 5.44441V17.6419C6.27617 17.9236 6.50934 18.1481 6.79095 18.154C9.1059 18.2029 9.63712 19.0625 12.2843 19.0625C15.1171 19.0625 18.2924 17.1562 21.0319 17.1562C22.889 17.1562 24.9071 17.8407 26.048 18.3538C26.2892 18.4623 26.573 18.2895 26.573 18.025V5.68753C26.573 5.40072 26.4086 5.13715 26.1479 5.01759C21.0507 2.68004 18.5478 4.24431 15.4284 5.125C13.4361 5.6875 11.6617 5.95312 9.45144 5.3125Z"
        fill="url(#paint2_linear_4_7853)"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_4_7853"
        x={6.27617}
        y={1.64375}
        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_7853"
        />
      </filter>
      <filter
        id="filter1_iii_4_7853"
        x={6.02617}
        y={3.69103}
        width={20.6469}
        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 />
        <feGaussianBlur stdDeviation={2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.768627 0 0 0 0 0.745098 0 0 0 0 0.8 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_4_7853"
        />
        <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.1} dy={-0.1} />
        <feGaussianBlur stdDeviation={0.175} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.741176 0 0 0 0 0.705882 0 0 0 0 0.780392 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_4_7853"
          result="effect2_innerShadow_4_7853"
        />
        <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.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.988235 0 0 0 0 0.976471 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect2_innerShadow_4_7853"
          result="effect3_innerShadow_4_7853"
        />
      </filter>
      <radialGradient
        id="paint0_radial_4_7853"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.0204 2.5705) rotate(152.613) scale(1.18498 1.36575)"
      >
        <stop stopColor="#A9AAAD" />
        <stop offset={1} stopColor="#A9AAAD" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint1_radial_4_7853"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.17616 17.9764) rotate(-164.411) scale(2.91898 1.61122)"
      >
        <stop stopColor="#64616D" />
        <stop offset={1} stopColor="#64616D" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_4_7853"
        x1={6.69089}
        y1={13.0998}
        x2={11.3898}
        y2={13.0998}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C7C1CD" />
        <stop offset={1} stopColor="#E8E4EC" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = WhiteFlagIcon;