@comfortdelgro/compass-icons
Version:
Icons for React Compass Design System
67 lines (65 loc) • 2.12 kB
JavaScript
import * as React from "react";
import { forwardRef } from "react";
const FlagPan = (props, ref)=>/*#__PURE__*/ React.createElement("svg", {
width: "1em",
height: "1em",
viewBox: "0 0 72 48",
ref: ref,
...props
}, /*#__PURE__*/ React.createElement("path", {
d: "M0 0h72v48H0z",
fill: "#fff",
strokeWidth: 2
}), /*#__PURE__*/ React.createElement("g", {
transform: "scale(2)",
fill: "#072357"
}, /*#__PURE__*/ React.createElement("g", {
id: "pan_svg__c",
transform: "translate(9 6)"
}, /*#__PURE__*/ React.createElement("g", {
id: "pan_svg__b"
}, /*#__PURE__*/ React.createElement("path", {
id: "pan_svg__a",
d: "M0-3v3h1.5z",
transform: "rotate(18 0 -3)"
}), /*#__PURE__*/ React.createElement("use", {
transform: "scale(-1 1)",
width: "100%",
height: "100%",
href: "#pan_svg__a"
})), /*#__PURE__*/ React.createElement("use", {
transform: "rotate(72)",
width: "100%",
height: "100%",
href: "#pan_svg__b"
}), /*#__PURE__*/ React.createElement("use", {
transform: "rotate(144)",
width: "100%",
height: "100%",
href: "#pan_svg__b"
}), /*#__PURE__*/ React.createElement("use", {
transform: "rotate(-144)",
width: "100%",
height: "100%",
href: "#pan_svg__b"
}), /*#__PURE__*/ React.createElement("use", {
transform: "rotate(-72)",
width: "100%",
height: "100%",
href: "#pan_svg__b"
})), /*#__PURE__*/ React.createElement("path", {
d: "M0 12h18v12H0z"
})), /*#__PURE__*/ React.createElement("g", {
transform: "scale(2)",
fill: "#da121a"
}, /*#__PURE__*/ React.createElement("path", {
d: "M18 0h18v12H18z"
}), /*#__PURE__*/ React.createElement("use", {
x: 18,
y: 12,
width: "100%",
height: "100%",
href: "#pan_svg__c"
})));
const ForwardRef = /*#__PURE__*/ forwardRef(FlagPan);
export default ForwardRef;