@datalayer/icons-react
Version:
React.js and JupyterLab icons for data products.
92 lines (90 loc) • 3.34 kB
JavaScript
import * as React from "react";
const sizeMap = {
"small": 16,
"medium": 32,
"large": 64
};
function AzureIcon({
title,
titleId,
size,
colored,
...props
}, svgRef) {
return /*#__PURE__*/React.createElement("svg", Object.assign({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 96 96",
fill: colored ? 'currentColor' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('currentColor') ? 'white' : 'currentColor'),
"aria-hidden": "true",
width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/React.createElement("title", {
id: titleId
}, title) : null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
id: "a",
x1: -1032.172,
x2: -1059.213,
y1: 145.312,
y2: 65.426,
gradientTransform: "matrix(1 0 0 -1 1075 158)",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/React.createElement("stop", {
offset: 0,
stopColor: "#114a8b"
}), /*#__PURE__*/React.createElement("stop", {
offset: 1,
stopColor: "#0669bc"
})), /*#__PURE__*/React.createElement("linearGradient", {
id: "b",
x1: -1023.725,
x2: -1029.98,
y1: 108.083,
y2: 105.968,
gradientTransform: "matrix(1 0 0 -1 1075 158)",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/React.createElement("stop", {
offset: 0,
stopOpacity: 0.3
}), /*#__PURE__*/React.createElement("stop", {
offset: 0.071,
stopOpacity: 0.2
}), /*#__PURE__*/React.createElement("stop", {
offset: 0.321,
stopOpacity: 0.1
}), /*#__PURE__*/React.createElement("stop", {
offset: 0.623,
stopOpacity: 0.05
}), /*#__PURE__*/React.createElement("stop", {
offset: 1,
stopOpacity: 0
})), /*#__PURE__*/React.createElement("linearGradient", {
id: "c",
x1: -1027.165,
x2: -997.482,
y1: 147.642,
y2: 68.561,
gradientTransform: "matrix(1 0 0 -1 1075 158)",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/React.createElement("stop", {
offset: 0,
stopColor: "#3ccbf4"
}), /*#__PURE__*/React.createElement("stop", {
offset: 1,
stopColor: "#2892df"
}))), /*#__PURE__*/React.createElement("path", {
fill: "url(#a)",
d: "M33.338 6.544h26.038l-27.03 80.087a4.152 4.152 0 01-3.933 2.824H8.149a4.145 4.145 0 01-3.928-5.47L29.404 9.368a4.152 4.152 0 013.934-2.825z"
}), /*#__PURE__*/React.createElement("path", {
fill: colored ? '#0078d4' : (['#fff', '#fffff', 'white', '#FFF', '#FFFFFF'].includes('#0078d4') ? 'white' : 'currentColor'),
d: "M71.175 60.261h-41.29a1.911 1.911 0 00-1.305 3.309l26.532 24.764a4.171 4.171 0 002.846 1.121h23.38z"
}), /*#__PURE__*/React.createElement("path", {
fill: "url(#b)",
d: "M33.338 6.544a4.118 4.118 0 00-3.943 2.879L4.252 83.917a4.14 4.14 0 003.908 5.538h20.787a4.443 4.443 0 003.41-2.9l5.014-14.777 17.91 16.705a4.237 4.237 0 002.666.972H81.24L71.024 60.261l-29.781.007L59.47 6.544z"
}), /*#__PURE__*/React.createElement("path", {
fill: "url(#c)",
d: "M66.595 9.364a4.145 4.145 0 00-3.928-2.82H33.648a4.146 4.146 0 013.928 2.82l25.184 74.62a4.146 4.146 0 01-3.928 5.472h29.02a4.146 4.146 0 003.927-5.472z"
}));
}
const ForwardRef = React.forwardRef(AzureIcon);
export default ForwardRef;