@datalayer/icons-react
Version:
React.js and JupyterLab icons for data products.
50 lines (48 loc) • 2 kB
JavaScript
const React = require("react");
const sizeMap = {
"small": 16,
"medium": 32,
"large": 64
};
function BucketIcon({
title,
titleId,
size,
...props
}, svgRef) {
return /*#__PURE__*/React.createElement("svg", Object.assign({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 72 72",
fill: "currentColor",
"aria-hidden": "true",
ref: svgRef,
width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/React.createElement("title", {
id: titleId
}, title) : null, /*#__PURE__*/React.createElement("path", {
fill: "#92d3f5",
d: "M44.01 60.96H27.44a3.857 3.857 0 01-3.816-3.444l-2.695-23.7h29.83l-2.936 23.74a3.864 3.864 0 01-3.811 3.406z"
}), /*#__PURE__*/React.createElement("path", {
fill: "#61b2e4",
d: "M45.04 33.81l-2.937 23.74a3.864 3.864 0 01-3.811 3.406h5.716a3.864 3.864 0 003.811-3.406l2.936-23.74z"
}), /*#__PURE__*/React.createElement("path", {
fill: "#61b2e4",
d: "M50.97 35.87H20.95a2.172 2.172 0 01-2.156-2.183v-.792a5.459 5.459 0 015.418-5.486h23.5a5.459 5.459 0 015.418 5.486v.792a2.172 2.172 0 01-2.155 2.183z"
}), /*#__PURE__*/React.createElement("path", {
fill: "#fff",
d: "M40.73 8.888v5.155h-9.552V8.888z"
}), /*#__PURE__*/React.createElement("g", {
fill: "none",
stroke: "#000",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 2
}, /*#__PURE__*/React.createElement("path", {
d: "M49.18 38.23l-2.374 19.19a2.836 2.836 0 01-2.802 2.504h-16.57a2.836 2.836 0 01-2.805-2.532l-2.179-19.17M50.97 34.84a1.145 1.145 0 001.138-1.153v-.793a4.428 4.428 0 00-4.4-4.456h-23.5a4.428 4.428 0 00-4.4 4.456v.793a1.145 1.145 0 001.138 1.152zM40.73 14.042h-9.552V8.887h9.552z"
}), /*#__PURE__*/React.createElement("path", {
d: "M40.71 11.54A20.7 20.7 0 0156 31.8h-1.01M31.18 11.57A20.7 20.7 0 0016 31.8h1.156"
})));
}
const ForwardRef = React.forwardRef(BucketIcon);
module.exports = ForwardRef;