@ant-design/web3-icons
Version:
A collection of Web3 icons.
138 lines • 7.46 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 _id4 = useUniqueInlineId();
const _id3 = useUniqueInlineId();
const _id2 = useUniqueInlineId();
const _id = useUniqueInlineId();
return /*#__PURE__*/_jsxs("svg", {
...props,
children: [/*#__PURE__*/_jsxs("defs", {
children: [/*#__PURE__*/_jsxs("linearGradient", {
id: _id,
x2: "69.924%",
y1: "50%",
y2: "50%",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#fff",
stopOpacity: "0",
offset: "0"
}), /*#__PURE__*/_jsx("stop", {
stopColor: "#fff",
offset: "1"
})]
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id2,
x1: "96.834%",
x2: "32.057%",
y1: "31.578%",
y2: "34.803%",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#FD76FD",
stopOpacity: "0",
offset: "0"
}), /*#__PURE__*/_jsx("stop", {
stopColor: "#FF51FF",
offset: "1"
})]
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id3,
x1: "95.948%",
x2: "45.029%",
y1: "44.431%",
y2: "44.431%",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#5300FF",
stopOpacity: "0",
offset: "0"
}), /*#__PURE__*/_jsx("stop", {
stopColor: "#9D6EFF",
offset: "1"
})]
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id4,
x1: "96.966%",
x2: "44.149%",
y1: "35.409%",
y2: "42.312%",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#AE60D6",
stopOpacity: "0",
offset: "0"
}), /*#__PURE__*/_jsx("stop", {
stopColor: "#AB38E6",
offset: "1"
})]
})]
}), /*#__PURE__*/_jsxs("g", {
fill: "none",
fillRule: "evenodd",
children: [/*#__PURE__*/_jsx("circle", {
cx: "23.5",
cy: "23.5",
r: "23.5",
fill: "#000"
}), /*#__PURE__*/_jsx("circle", {
cx: "23.5",
cy: "23.5",
r: "21.439",
fill: "#000",
stroke: "#fff"
}), /*#__PURE__*/_jsx("path", {
fill: "#0B76FF",
d: "M23.39 28.287h7.87l-7.868-13.633v.002-8.263l15.42 26.281H23.39z"
}), /*#__PURE__*/_jsx("path", {
fill: "#24C1FF",
d: "M23.389 28.287v4.387H7.967l15.42-26.281.002 8.263-.001-.002-7.868 13.633z"
}), /*#__PURE__*/_jsx("path", {
fill: "#39FFF2",
d: "M23.39 18.038v8.647l-4.88.01z"
}), /*#__PURE__*/_jsx("path", {
fill: "#00E2C2",
d: "m23.39 18.038 4.878 8.656-4.878-.009z"
}), /*#__PURE__*/_jsx("path", {
fill: `url(#${_id})`,
d: "m.224 9.179 19.043 7.869v1.101L.224 13.428z",
transform: "translate(4.123 6.184)"
}), /*#__PURE__*/_jsx("path", {
fill: `url(#${_id2})`,
d: "M38.309 5.879 19.267 17.048v.302l19.042-7.856z",
transform: "translate(4.123 6.184)"
}), /*#__PURE__*/_jsx("path", {
fill: `url(#${_id3})`,
d: "m38.294 16.733-19.027 1.415v-.313l19.027-4.722z",
transform: "translate(4.123 6.184)"
}), /*#__PURE__*/_jsx("path", {
fill: `url(#${_id4})`,
d: "m38.309 9.645-19.042 7.723v.467l19.042-4.879z",
transform: "translate(4.123 6.184)"
})]
})]
});
};
SVGComponent.defaultProps = {
viewBox: "0 0 47 47",
xmlns: "http://www.w3.org/2000/svg"
};
/** */
export const BeamCircleColorful = /*#__PURE__*/React.forwardRef((props, ref) => {
const {
getPrefixCls
} = React.useContext(ConfigProvider.ConfigContext);
const prefixCls = getPrefixCls('web3-icon-beam-circle-colorful');
return /*#__PURE__*/_jsx(AntdIcon, {
...props,
className: classnames(prefixCls, props.className),
ref: ref,
component: eraseDefaultProps(SVGComponent)
});
});
BeamCircleColorful.displayName = 'BeamCircleColorful';