@comfortdelgro/compass-icons/react/flag-zaf.mjs

Icons for React Compass Design System

import * as React from "react";
import { forwardRef } from "react";
const FlagZaf = (props, ref)=>/*#__PURE__*/ React.createElement("svg", {
        width: "1em",
        height: "1em",
        viewBox: "0 0 9 6",
        ref: ref,
        ...props
    }, /*#__PURE__*/ React.createElement("clipPath", {
        id: "zaf_svg__c"
    }, /*#__PURE__*/ React.createElement("path", {
        d: "M0 0l4.5 3L0 6",
        id: "zaf_svg__b"
    })), /*#__PURE__*/ React.createElement("clipPath", {
        id: "zaf_svg__a"
    }, /*#__PURE__*/ React.createElement("path", {
        d: "M0 0h9v6H0z"
    })), /*#__PURE__*/ React.createElement("g", {
        clipPath: "url(#zaf_svg__a)"
    }, /*#__PURE__*/ React.createElement("path", {
        d: "M0 0v6h9V0z",
        fill: "#001489"
    }), /*#__PURE__*/ React.createElement("path", {
        d: "M0 0v3h9V0z",
        fill: "#e03c31"
    }), /*#__PURE__*/ React.createElement("g", {
        strokeWidth: 2,
        stroke: "#fff"
    }, /*#__PURE__*/ React.createElement("path", {
        d: "M0 0l4.5 3L0 6m4.5-3H9",
        id: "zaf_svg__d"
    }), /*#__PURE__*/ React.createElement("use", {
        stroke: "#ffb81c",
        clipPath: "url(#zaf_svg__c)",
        href: "#zaf_svg__b"
    })), /*#__PURE__*/ React.createElement("use", {
        fill: "none",
        stroke: "#007749",
        strokeWidth: 1.2,
        href: "#zaf_svg__d"
    })));
const ForwardRef = /*#__PURE__*/ forwardRef(FlagZaf);
export default ForwardRef;