@ant-design/web3-icons
Version:
A collection of Web3 icons.
199 lines • 14 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 _id10 = useUniqueInlineId();
const _id9 = useUniqueInlineId();
const _id8 = useUniqueInlineId();
const _id7 = useUniqueInlineId();
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", {
d: "M1250 0c690 0 1250 560 1250 1250s-560 1250-1250 1250S0 1940 0 1250 560 0 1250 0z",
fill: "none"
}), /*#__PURE__*/_jsx("defs", {
children: /*#__PURE__*/_jsx("path", {
id: _id,
d: "M1250 0c690 0 1250 560 1250 1250s-560 1250-1250 1250S0 1940 0 1250 560 0 1250 0z"
})
}), /*#__PURE__*/_jsx("clipPath", {
id: _id2,
children: /*#__PURE__*/_jsx("use", {
xlinkHref: `#${_id}`,
overflow: "visible"
})
}), /*#__PURE__*/_jsx("g", {
clipPath: `url(#${_id2})`,
children: /*#__PURE__*/_jsx("path", {
d: "m0 0 2500 2500m0-2500L0 2500",
fill: "none",
stroke: "#000",
strokeMiterlimit: "22.9256"
})
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id3,
gradientUnits: "userSpaceOnUse",
x1: "1250",
y1: "-1656",
x2: "1250",
y2: "844",
gradientTransform: "translate(0 1656)",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#F89791"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#F7C882"
})]
}), /*#__PURE__*/_jsx("path", {
fill: `url(#${_id3})`,
d: "M1250 0c690 0 1250 560 1250 1250s-560 1250-1250 1250S0 1940 0 1250 560 0 1250 0z"
}), /*#__PURE__*/_jsx("defs", {
children: /*#__PURE__*/_jsx("path", {
id: _id4,
d: "m1249 1472-557-318-15 23c-171 263-133 607 92 828 265 260 695 260 960 0 225-221 263-565 92-828l-15-23-557 318z"
})
}), /*#__PURE__*/_jsx("clipPath", {
id: _id5,
children: /*#__PURE__*/_jsx("use", {
xlinkHref: `#${_id4}`,
overflow: "visible"
})
}), /*#__PURE__*/_jsxs("g", {
clipPath: `url(#${_id5})`,
children: [/*#__PURE__*/_jsxs("radialGradient", {
id: _id6,
cx: "4255.891",
cy: "1058.028",
r: "594",
gradientTransform: "matrix(-.01243 -1.5265 1.8194 -.02652 -624.372 8621.436)",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#C5C6AB"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#7985AB"
})]
}), /*#__PURE__*/_jsx("circle", {
cx: "1249",
cy: "1541",
r: "679",
fillRule: "evenodd",
clipRule: "evenodd",
fill: `url(#${_id6})`
})]
}), /*#__PURE__*/_jsx("path", {
d: "m1249 1472-557-318-15 23c-171 263-133 607 92 828 265 260 695 260 960 0 225-221 263-565 92-828l-15-23-557 318z",
fill: "none"
}), /*#__PURE__*/_jsxs("radialGradient", {
id: _id7,
cx: "1249",
cy: "-620",
r: "24",
gradientTransform: "translate(0 1656)",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#06f",
stopOpacity: "0"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#00c2ff",
stopOpacity: ".4"
})]
}), /*#__PURE__*/_jsx("path", {
fill: `url(#${_id7})`,
d: "m1249 762-480 274 480 274 480-274z"
}), /*#__PURE__*/_jsxs("radialGradient", {
id: _id8,
cx: "1248.5",
cy: "-503.5",
r: "28.008",
gradientTransform: "translate(0 1656)",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#aee6f9",
stopOpacity: ".8588"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#C8D6DC"
})]
}), /*#__PURE__*/_jsx("path", {
fill: `url(#${_id8})`,
d: "m1250 833-558 321 557 318 556-318z"
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id9,
gradientUnits: "userSpaceOnUse",
x1: "1009",
y1: "-1406",
x2: "1009",
y2: "-406",
gradientTransform: "translate(0 1656)",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#77D4FF"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#93d6f2",
stopOpacity: ".898"
})]
}), /*#__PURE__*/_jsx("path", {
fill: `url(#${_id9})`,
d: "m1249 300-480 736 480 274z"
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id10,
gradientUnits: "userSpaceOnUse",
x1: "1489",
y1: "-1406",
x2: "1489",
y2: "-406",
gradientTransform: "translate(0 1656)",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#506AAC"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#96cfef",
stopOpacity: ".8196"
})]
}), /*#__PURE__*/_jsx("path", {
fill: `url(#${_id10})`,
d: "m1249 1310 480-274-480-736z"
})]
});
};
SVGComponent.defaultProps = {
xmlns: "http://www.w3.org/2000/svg",
xmlnsXlink: "http://www.w3.org/1999/xlink",
viewBox: "0 0 2500 2500",
xmlSpace: "preserve"
};
/** */
export const LdoCircleColorful = /*#__PURE__*/React.forwardRef((props, ref) => {
const {
getPrefixCls
} = React.useContext(ConfigProvider.ConfigContext);
const prefixCls = getPrefixCls('web3-icon-ldo-circle-colorful');
return /*#__PURE__*/_jsx(AntdIcon, {
...props,
className: classnames(prefixCls, props.className),
ref: ref,
component: eraseDefaultProps(SVGComponent)
});
});
LdoCircleColorful.displayName = 'LdoCircleColorful';