@comfortdelgro/compass-icons/react/country/flag-stp.mjs

Icons for React Compass Design System

import * as React from "react";
import { forwardRef } from "react";
const FlagStp = (props, ref)=>/*#__PURE__*/ React.createElement("svg", {
        width: "1em",
        height: "1em",
        viewBox: "0 0 2800 1400",
        ref: ref,
        ...props
    }, /*#__PURE__*/ React.createElement("path", {
        fill: "#12ad2b",
        d: "M0 0h2800v1400H0z"
    }), /*#__PURE__*/ React.createElement("path", {
        fill: "#ffce00",
        d: "M0 400h2800v600H0z"
    }), /*#__PURE__*/ React.createElement("path", {
        d: "M0 0v1400l700-700",
        fill: "#d21034"
    }), /*#__PURE__*/ React.createElement("g", {
        id: "stp_svg__c",
        transform: "translate(1400 700)",
        fill: "#000"
    }, /*#__PURE__*/ React.createElement("g", {
        id: "stp_svg__b"
    }, /*#__PURE__*/ React.createElement("path", {
        id: "stp_svg__a",
        d: "M0-200V0h100",
        transform: "rotate(18 0 -200)"
    }), /*#__PURE__*/ React.createElement("use", {
        transform: "scale(-1 1)",
        href: "#stp_svg__a"
    })), /*#__PURE__*/ React.createElement("use", {
        transform: "rotate(72)",
        href: "#stp_svg__b"
    }), /*#__PURE__*/ React.createElement("use", {
        transform: "rotate(144)",
        href: "#stp_svg__b"
    }), /*#__PURE__*/ React.createElement("use", {
        transform: "rotate(216)",
        href: "#stp_svg__b"
    }), /*#__PURE__*/ React.createElement("use", {
        transform: "rotate(288)",
        href: "#stp_svg__b"
    })), /*#__PURE__*/ React.createElement("use", {
        x: 700,
        href: "#stp_svg__c"
    }));
const ForwardRef = /*#__PURE__*/ forwardRef(FlagStp);
export default ForwardRef;