@ant-design/web3-icons
Version:
A collection of Web3 icons.
109 lines • 5.86 kB
JavaScript
// 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) {
return /*#__PURE__*/_jsx("svg", {
...props,
children: /*#__PURE__*/_jsxs("g", {
fill: "none",
children: [/*#__PURE__*/_jsx("circle", {
cx: "16",
cy: "16",
r: "16",
fill: "#00D4D5"
}), /*#__PURE__*/_jsxs("g", {
fill: "#FFF",
children: [/*#__PURE__*/_jsx("path", {
d: "M16.519 5v5.457l4.738-2.725z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".9",
d: "M21.257 7.732v5.457l4.737-2.732z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".8",
d: "M16.519 10.457v5.457l4.738-2.725zm4.738 2.733v5.456l4.737-2.732z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".8",
d: "M16.519 15.914v5.457l4.738-2.725z"
}), /*#__PURE__*/_jsx("path", {
d: "M21.257 18.646v5.457l4.737-2.732z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".4",
d: "M4.273 10.273v5.457l4.738-2.732z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".2",
d: "M10.25 12.302v5.457l4.73-2.725z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".3",
d: "M6.738 15.753v5.457l4.737-2.732z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".9",
d: "M9.86 19.871v5.457l4.73-2.732z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".7",
d: "M16.48 22.22v5.458l4.73-2.733z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".9",
d: "M11.039 9.607v5.458l4.73-2.725z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".8",
d: "M16.519 5v5.457l-4.738-2.725z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".6",
d: "M11.039 7.32v5.456L6.3 10.044z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".6",
d: "M15.777 10.02v5.458l-4.738-2.733z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".95",
d: "M10.228 12.302v5.457L5.49 15.034z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".6",
d: "M16.519 15.914v5.457l-4.73-2.725z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".55",
d: "M6.738 17.185v5.457L2 19.909z"
}), /*#__PURE__*/_jsx("path", {
d: "M25.994 10.457v5.457l-4.737-2.725z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".95",
d: "M21.257 13.19v5.456l-4.738-2.732z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".9",
d: "M25.994 15.914v5.457l-4.737-2.725z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".7",
d: "M21.257 18.646v5.457l-4.738-2.732z"
}), /*#__PURE__*/_jsx("path", {
opacity: ".4",
d: "M15.47 20.92v5.457l-4.737-2.725z"
}), /*#__PURE__*/_jsx("path", {
d: "M21.257 7.732v5.457l-4.738-2.732z"
})]
})]
})
});
};
SVGComponent.defaultProps = {
viewBox: "0 0 32 32",
xmlns: "http://www.w3.org/2000/svg"
};
/** */
export const IotxCircleColorful = /*#__PURE__*/React.forwardRef((props, ref) => {
const {
getPrefixCls
} = React.useContext(ConfigProvider.ConfigContext);
const prefixCls = getPrefixCls('web3-icon-iotx-circle-colorful');
return /*#__PURE__*/_jsx(AntdIcon, {
...props,
className: classnames(prefixCls, props.className),
ref: ref,
component: eraseDefaultProps(SVGComponent)
});
});
IotxCircleColorful.displayName = 'IotxCircleColorful';