@jstnmthw/react-fluentui-emoji/icons/ChequeredFlagIcon.jsx

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const ChequeredFlagIcon = ({ 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_4_7833)">
      <rect
        x={2.18972}
        y={6}
        width={28}
        height={20}
        rx={2}
        fill="url(#paint0_linear_4_7833)"
      />
    </g>
    <path
      d="M18.1897 14V18H22.1897V14H18.1897Z"
      fill="url(#paint1_linear_4_7833)"
    />
    <path
      d="M6.18972 6H3.18972C2.63744 6 2.18972 6.44772 2.18972 7V10H6.18972V14H2.18972V18H6.18972V22H2.18972V25C2.18972 25.5523 2.63744 26 3.18972 26H6.18972V22H10.1897V26H14.1897V22H18.1897V26H22.1897V22H26.1897V26H29.1897C29.742 26 30.1897 25.5523 30.1897 25V22H26.1897V18H30.1897V14H26.1897V10H30.1897V7C30.1897 6.44772 29.742 6 29.1897 6H26.1897V10H22.1897V6H18.1897V10H14.1897V6H10.1897V10H6.18972V6ZM10.1897 14V10H14.1897V14H10.1897ZM10.1897 18H14.1897V14H18.1897V10H22.1897V14H26.1897V18H22.1897V22H18.1897V18H14.1897V22H10.1897V18ZM10.1897 18H6.18972V14H10.1897V18Z"
      fill="url(#paint2_linear_4_7833)"
    />
    <path
      d="M3.18972 6H6.18972V10H10.1897V6H14.1897V10H18.1897V6H22.1897V10H26.1897V6H29.1897C29.742 6 30.1897 6.44772 30.1897 7V10H26.1897H22.1897H18.1897H14.1897H10.1897H6.18972H2.18972V7C2.18972 6.44772 2.63744 6 3.18972 6Z"
      fill="url(#paint3_linear_4_7833)"
    />
    <path
      d="M26.1897 26V22V18V14V10V6H29.1897C29.742 6 30.1897 6.44772 30.1897 7V10H26.1897V14H30.1897V18H26.1897V22H30.1897V25C30.1897 25.5523 29.742 26 29.1897 26H26.1897Z"
      fill="url(#paint4_linear_4_7833)"
    />
    <defs>
      <filter
        id="filter0_ii_4_7833"
        x={1.68972}
        y={5.5}
        width={29}
        height={21}
        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.5} 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.894118 0 0 0 0 0.819608 0 0 0 0 0.976471 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_4_7833"
        />
        <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} dy={0.5} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_4_7833"
          result="effect2_innerShadow_4_7833"
        />
      </filter>
      <linearGradient
        id="paint0_linear_4_7833"
        x1={16.1897}
        y1={6}
        x2={16.1897}
        y2={26}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F5EEFE" />
        <stop offset={1} stopColor="#F2E4FF" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_4_7833"
        x1={16.1897}
        y1={6}
        x2={16.1897}
        y2={26}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#353138" />
        <stop offset={1} stopColor="#36323C" />
      </linearGradient>
      <linearGradient
        id="paint2_linear_4_7833"
        x1={16.1897}
        y1={6}
        x2={16.1897}
        y2={26}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#353138" />
        <stop offset={1} stopColor="#36323C" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_4_7833"
        x1={16.1897}
        y1={6}
        x2={16.1897}
        y2={7.55731}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#39383A" />
        <stop offset={1} stopColor="#39383A" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint4_linear_4_7833"
        x1={30.4348}
        y1={25.1542}
        x2={29.1067}
        y2={25.1542}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.47619} stopColor="#4A494C" />
        <stop offset={1} stopColor="#4A494C" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = ChequeredFlagIcon;