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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const RainbowFlagIcon = ({ 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}
    <rect
      x={2.25222}
      y={6.04297}
      width={27.875}
      height={19.9141}
      rx={0.6}
      fill="#F13770"
    />
    <rect
      x={2.25222}
      y={6.04297}
      width={27.875}
      height={19.9141}
      rx={0.6}
      fill="#F13770"
    />
    <path
      d="M2.25222 12.6875V9.34375H30.1272V12.6875H2.25222Z"
      fill="#FF5C41"
    />
    <path d="M2.25222 16V12.6562H30.1272V16H2.25222Z" fill="#FCA34D" />
    <path
      d="M2.25222 19.3125V15.9688H30.1272V19.3125H2.25222Z"
      fill="#43D195"
    />
    <path
      d="M2.25222 22.6562V19.3125H30.1272V22.6562H2.25222Z"
      fill="#3F8DF1"
    />
    <path
      d="M2.25222 22.6562V25.357C2.25222 25.6884 2.52085 25.957 2.85222 25.957H29.5272C29.8586 25.957 30.1272 25.6884 30.1272 25.357V22.6562H2.25222Z"
      fill="#6D549F"
    />
    <rect
      x={2.25222}
      y={6.04297}
      width={27.875}
      height={19.9141}
      rx={0.6}
      fill="url(#paint0_linear_4_7858)"
      fillOpacity={0.25}
    />
    <rect
      x={2.25222}
      y={6.04297}
      width={27.875}
      height={19.9141}
      rx={0.6}
      fill="url(#paint1_linear_4_7858)"
      fillOpacity={0.5}
    />
    <rect
      x={2.25222}
      y={6.04297}
      width={27.875}
      height={19.9141}
      rx={0.6}
      fill="url(#paint2_linear_4_7858)"
      fillOpacity={0.5}
    />
    <rect
      x={2.25222}
      y={6.04297}
      width={27.875}
      height={19.9141}
      rx={0.6}
      fill="url(#paint3_linear_4_7858)"
    />
    <defs>
      <linearGradient
        id="paint0_linear_4_7858"
        x1={2.25222}
        y1={17.8125}
        x2={3.22097}
        y2={17.8125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3A3A3A" />
        <stop offset={1} stopColor="#3A3A3A" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint1_linear_4_7858"
        x1={30.1272}
        y1={19.332}
        x2={29.1585}
        y2={19.332}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FBF2FF" />
        <stop offset={1} stopColor="#FBF2FF" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint2_linear_4_7858"
        x1={25.0647}
        y1={6.04297}
        x2={25.0647}
        y2={6.75391}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FBF2FF" />
        <stop offset={1} stopColor="#FBF2FF" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint3_linear_4_7858"
        x1={8.75222}
        y1={26.0039}
        x2={8.75222}
        y2={24.9375}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0149314} stopColor="#693CA6" />
        <stop offset={1} stopColor="#693CA6" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = RainbowFlagIcon;