@ant-design/web3-icons
Version:
A collection of Web3 icons.
106 lines • 5.28 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 _id2 = useUniqueInlineId();
const _id = useUniqueInlineId();
return /*#__PURE__*/_jsxs("svg", {
...props,
children: [/*#__PURE__*/_jsxs("defs", {
children: [/*#__PURE__*/_jsxs("linearGradient", {
x1: "85.355%",
y1: "14.645%",
x2: "14.645%",
y2: "85.355%",
id: _id,
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#FF2D55",
offset: "0%"
}), /*#__PURE__*/_jsx("stop", {
stopColor: "#FFBC5B",
offset: "100%"
})]
}), /*#__PURE__*/_jsxs("linearGradient", {
x1: "49.966%",
y1: "0%",
x2: "49.966%",
y2: "100%",
id: _id2,
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#A524B3",
offset: "0%"
}), /*#__PURE__*/_jsx("stop", {
stopColor: "#FF2D55",
offset: "100%"
})]
})]
}), /*#__PURE__*/_jsxs("g", {
fill: "none",
fillRule: "evenodd",
children: [/*#__PURE__*/_jsx("circle", {
fill: `url(#${_id})`,
cx: "200",
cy: "200",
r: "200"
}), /*#__PURE__*/_jsx("path", {
fill: `url(#${_id2})`,
d: "M125.7 0v150h125z",
transform: "translate(16 130)"
}), /*#__PURE__*/_jsx("path", {
fill: "#FFF",
d: "M16.7 280h125V130z"
}), /*#__PURE__*/_jsx("path", {
d: "M40 320c11.4 15.1 24.9 28.6 40 40h240c15.1-11.4 28.6-24.9 40-40H40z",
fill: "#FC9965"
}), /*#__PURE__*/_jsx("path", {
d: "M80 360c33.4 25.1 75 40 120 40s86.6-14.9 120-40H80z",
fill: "#FF2D55"
}), /*#__PURE__*/_jsx("path", {
fill: `url(#${_id2})`,
d: "M252.3 0v110H344z",
transform: "translate(16 210)"
}), /*#__PURE__*/_jsx("path", {
d: "M268.3 280H16.7c6.2 14.3 14.1 27.7 23.3 40h228.4v-40h-.1z",
fill: "#FFBC5B"
}), /*#__PURE__*/_jsx("path", {
fill: "#FFF",
d: "M176.7 320h91.6V210z"
}), /*#__PURE__*/_jsx("circle", {
fill: "#FFC95B",
cx: "268.3",
cy: "130",
r: "50"
}), /*#__PURE__*/_jsx("circle", {
fill: "#FFC95B",
cx: "141.7",
cy: "75",
r: "25"
})]
})]
});
};
SVGComponent.defaultProps = {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 400 400"
};
/** */
export const ManaCircleColorful = /*#__PURE__*/React.forwardRef((props, ref) => {
const {
getPrefixCls
} = React.useContext(ConfigProvider.ConfigContext);
const prefixCls = getPrefixCls('web3-icon-mana-circle-colorful');
return /*#__PURE__*/_jsx(AntdIcon, {
...props,
className: classnames(prefixCls, props.className),
ref: ref,
component: eraseDefaultProps(SVGComponent)
});
});
ManaCircleColorful.displayName = 'ManaCircleColorful';