@ant-design/web3-icons
Version:
A collection of Web3 icons.
151 lines • 11.9 kB
JavaScript
import { useUniqueInlineId } from '@inline-svg-unique-id/react';
// GENERATE BY ./scripts/generate.ts
// DON NOT EDIT IT MANUALLY
import * as React from 'react';
import AntdIcon from '@ant-design/icons';
import { ConfigProvider } from 'antd';
import classnames from 'classnames';
import { eraseDefaultProps } from "../utils";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var SVGComponent = function SVGComponent(props) {
const _id6 = useUniqueInlineId();
const _id5 = useUniqueInlineId();
const _id4 = useUniqueInlineId();
const _id3 = useUniqueInlineId();
const _id2 = useUniqueInlineId();
const _id = useUniqueInlineId();
return /*#__PURE__*/_jsxs("svg", {
...props,
children: [/*#__PURE__*/_jsx("path", {
fill: `url(#${_id5})`,
d: "M0 0h1000v1000H0z"
}), /*#__PURE__*/_jsx("mask", {
id: _id,
maskType: "alpha",
maskUnits: "userSpaceOnUse",
x: "690",
y: "576",
width: "54",
height: "155",
children: /*#__PURE__*/_jsx("path", {
transform: "matrix(-1 0 0 1 743.064 576.844)",
fill: "#000",
d: "M0 0h52.09v153.356H0z"
})
}), /*#__PURE__*/_jsx("g", {
mask: `url(#${_id})`,
children: /*#__PURE__*/_jsx("path", {
d: "M732.822 576.844H599.919c-5.647 0-10.224 4.577-10.224 10.223v132.908c0 5.646 4.577 10.223 10.224 10.223h132.903c5.646 0 10.223-4.577 10.223-10.223V587.067c0-5.646-4.577-10.223-10.223-10.223Z",
fill: "#fff",
fillOpacity: ".5"
})
}), /*#__PURE__*/_jsx("mask", {
id: _id2,
maskType: "alpha",
maskUnits: "userSpaceOnUse",
x: "690",
y: "269",
width: "54",
height: "155",
children: /*#__PURE__*/_jsx("path", {
transform: "matrix(-1 0 0 1 743.064 269.811)",
fill: `url(#${_id6})`,
d: "M0 0h52.09v153.356H0z"
})
}), /*#__PURE__*/_jsx("g", {
mask: `url(#${_id2})`,
children: /*#__PURE__*/_jsx("path", {
d: "M732.822 269.811H599.919c-5.647 0-10.224 4.577-10.224 10.223v132.907c0 5.647 4.577 10.224 10.224 10.224h132.903c5.646 0 10.223-4.577 10.223-10.224V280.034c0-5.646-4.577-10.223-10.223-10.223Z",
fill: "#fff",
fillOpacity: ".5"
})
}), /*#__PURE__*/_jsx("mask", {
id: _id3,
maskType: "alpha",
maskUnits: "userSpaceOnUse",
x: "769",
y: "269",
width: "27",
height: "155",
children: /*#__PURE__*/_jsx("path", {
transform: "matrix(-1 0 0 1 795.289 269.811)",
fill: "#000",
d: "M0 0h25.913v153.356H0z"
})
}), /*#__PURE__*/_jsx("g", {
mask: `url(#${_id3})`,
children: /*#__PURE__*/_jsx("path", {
d: "M785.031 269.811H652.128c-5.647 0-10.224 4.577-10.224 10.223v132.907c0 5.647 4.577 10.224 10.224 10.224h132.903c5.646 0 10.223-4.577 10.223-10.224V280.034c0-5.646-4.577-10.223-10.223-10.223Z",
fill: "#fff",
fillOpacity: ".3"
})
}), /*#__PURE__*/_jsx("mask", {
id: _id4,
maskType: "alpha",
maskUnits: "userSpaceOnUse",
x: "769",
y: "576",
width: "27",
height: "155",
children: /*#__PURE__*/_jsx("path", {
transform: "matrix(-1 0 0 1 795.383 576.844)",
fill: "#000",
d: "M0 0h25.913v153.356H0z"
})
}), /*#__PURE__*/_jsx("g", {
mask: `url(#${_id4})`,
children: /*#__PURE__*/_jsx("path", {
d: "M785.125 576.844H652.221c-5.646 0-10.223 4.577-10.223 10.223v132.908c0 5.646 4.577 10.223 10.223 10.223h132.904c5.646 0 10.223-4.577 10.223-10.223V587.067c0-5.646-4.577-10.223-10.223-10.223Z",
fill: "#fff",
fillOpacity: ".3"
})
}), /*#__PURE__*/_jsx("path", {
d: "M500.845 423.527H368.571c-5.619 0-10.175 4.523-10.175 10.103v131.333c0 5.579 4.556 10.102 10.175 10.102h132.274c5.62 0 10.175-4.523 10.175-10.102V433.63c0-5.58-4.555-10.103-10.175-10.103ZM347.746 269.811H214.842c-5.646 0-10.223 4.577-10.223 10.223v132.907c0 5.647 4.577 10.224 10.223 10.224h132.904c5.646 0 10.223-4.577 10.223-10.224V280.034c0-5.646-4.577-10.223-10.223-10.223ZM654.387 269.811H521.483c-5.646 0-10.223 4.577-10.223 10.223v132.907c0 5.647 4.577 10.224 10.223 10.224h132.904c5.646 0 10.223-4.577 10.223-10.224V280.034c0-5.646-4.577-10.223-10.223-10.223ZM347.746 576.512H214.842c-5.646 0-10.223 4.577-10.223 10.223v132.908c0 5.646 4.577 10.223 10.223 10.223h132.904c5.646 0 10.223-4.577 10.223-10.223V586.735c0-5.646-4.577-10.223-10.223-10.223ZM654.387 576.512H521.483c-5.646 0-10.223 4.577-10.223 10.223v132.908c0 5.646 4.577 10.223 10.223 10.223h132.904c5.646 0 10.223-4.577 10.223-10.223V586.735c0-5.646-4.577-10.223-10.223-10.223Z",
fill: "#fff"
}), /*#__PURE__*/_jsxs("defs", {
children: [/*#__PURE__*/_jsxs("linearGradient", {
id: _id5,
x1: "1000",
y1: "1561.62",
x2: "202.005",
y2: "-143.254",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#444"
})]
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id6,
x1: "56.542",
y1: "85.531",
x2: ".526",
y2: "74.19",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#fff"
})]
})]
})]
});
};
SVGComponent.defaultProps = {
viewBox: "0 0 1000 1000",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
};
/** */
export const XLayerColorful = /*#__PURE__*/React.forwardRef((props, ref) => {
const {
getPrefixCls
} = React.useContext(ConfigProvider.ConfigContext);
const prefixCls = getPrefixCls('web3-icon-xlayer-colorful');
return /*#__PURE__*/_jsx(AntdIcon, {
...props,
className: classnames(prefixCls, props.className),
ref: ref,
component: eraseDefaultProps(SVGComponent)
});
});
XLayerColorful.displayName = 'XLayerColorful';