@comfortdelgro/compass-icons
Version:
Icons for React Compass Design System
102 lines (100 loc) • 3.97 kB
JavaScript
import * as React from "react";
import { forwardRef } from "react";
const FlagNzl = (props, ref)=>/*#__PURE__*/ React.createElement("svg", {
width: "1em",
height: "1em",
viewBox: "0 0 1200 600",
ref: ref,
...props
}, /*#__PURE__*/ React.createElement("defs", null, /*#__PURE__*/ React.createElement("clipPath", {
id: "nzl_svg__b"
}, /*#__PURE__*/ React.createElement("path", {
d: "M0 0h600v300H0z"
})), /*#__PURE__*/ React.createElement("clipPath", {
id: "nzl_svg__c"
}, /*#__PURE__*/ React.createElement("path", {
d: "M0 0l300 150H0zm300 0h300L300 150zm0 150h300v150zm0 0v150H0z"
})), /*#__PURE__*/ React.createElement("g", {
id: "nzl_svg__d"
}, /*#__PURE__*/ React.createElement("g", {
id: "nzl_svg__a"
}, /*#__PURE__*/ React.createElement("path", {
d: "M0 0v.5L1 0z",
transform: "translate(0 -.325)"
}), /*#__PURE__*/ React.createElement("path", {
d: "M0 0v-.5L1 0z",
transform: "rotate(-36 .5 -.162)"
})), /*#__PURE__*/ React.createElement("use", {
transform: "scale(-1 1)",
href: "#nzl_svg__a"
}), /*#__PURE__*/ React.createElement("use", {
transform: "rotate(72 0 0)",
href: "#nzl_svg__a"
}), /*#__PURE__*/ React.createElement("use", {
transform: "rotate(-72 0 0)",
href: "#nzl_svg__a"
}), /*#__PURE__*/ React.createElement("use", {
transform: "scale(-1 1) rotate(72)",
href: "#nzl_svg__a"
}))), /*#__PURE__*/ React.createElement("path", {
fill: "#012169",
d: "M0 0h1200v600H0z"
}), /*#__PURE__*/ React.createElement("path", {
stroke: "#FFF",
d: "M0 0l600 300M0 300L600 0",
strokeWidth: 60,
clipPath: "url(#nzl_svg__b)"
}), /*#__PURE__*/ React.createElement("path", {
stroke: "#C8102E",
d: "M0 0l600 300M0 300L600 0",
strokeWidth: 40,
clipPath: "url(#nzl_svg__c)"
}), /*#__PURE__*/ React.createElement("path", {
stroke: "#FFF",
d: "M300 0v300M0 150h600",
strokeWidth: 100,
clipPath: "url(#nzl_svg__b)"
}), /*#__PURE__*/ React.createElement("path", {
stroke: "#C8102E",
d: "M300 0v300M0 150h600",
strokeWidth: 60,
clipPath: "url(#nzl_svg__b)"
}), /*#__PURE__*/ React.createElement("g", null, /*#__PURE__*/ React.createElement("use", {
fill: "#FFF",
transform: "matrix(45.4 0 0 45.4 900 120)",
href: "#nzl_svg__d"
}), /*#__PURE__*/ React.createElement("use", {
fill: "#C8102E",
transform: "matrix(30 0 0 30 900 120)",
href: "#nzl_svg__d"
}), /*#__PURE__*/ React.createElement("g", {
transform: "rotate(82 900 240)"
}, /*#__PURE__*/ React.createElement("use", {
fill: "#FFF",
transform: "rotate(-82 519.022 -457.666) scale(40.4)",
href: "#nzl_svg__d"
}), /*#__PURE__*/ React.createElement("use", {
fill: "#C8102E",
transform: "rotate(-82 519.022 -457.666) scale(25)",
href: "#nzl_svg__d"
})), /*#__PURE__*/ React.createElement("g", {
transform: "rotate(82 900 240)"
}, /*#__PURE__*/ React.createElement("use", {
fill: "#FFF",
transform: "rotate(-82 668.57 -327.666) scale(45.4)",
href: "#nzl_svg__d"
}), /*#__PURE__*/ React.createElement("use", {
fill: "#C8102E",
transform: "rotate(-82 668.57 -327.666) scale(30)",
href: "#nzl_svg__d"
})), /*#__PURE__*/ React.createElement("g", null, /*#__PURE__*/ React.createElement("use", {
fill: "#FFF",
transform: "matrix(50.4 0 0 50.4 900 480)",
href: "#nzl_svg__d"
}), /*#__PURE__*/ React.createElement("use", {
fill: "#C8102E",
transform: "matrix(35 0 0 35 900 480)",
href: "#nzl_svg__d"
}))));
const ForwardRef = /*#__PURE__*/ forwardRef(FlagNzl);
export default ForwardRef;