@ant-design/web3-icons
Version:
A collection of Web3 icons.
224 lines (223 loc) • 19.9 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.MlnCircleColorful = void 0;
var _react = require("@inline-svg-unique-id/react");
var React = _interopRequireWildcard(require("react"));
var _icons = _interopRequireDefault(require("@ant-design/icons"));
var _antd = require("antd");
var _classnames = _interopRequireDefault(require("classnames"));
var _utils = require("../utils");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
// GENERATE BY ./scripts/generate.ts
// DON NOT EDIT IT MANUALLY
var SVGComponent = function SVGComponent(props) {
const _id23 = (0, _react.useUniqueInlineId)();
const _id22 = (0, _react.useUniqueInlineId)();
const _id21 = (0, _react.useUniqueInlineId)();
const _id20 = (0, _react.useUniqueInlineId)();
const _id19 = (0, _react.useUniqueInlineId)();
const _id18 = (0, _react.useUniqueInlineId)();
const _id17 = (0, _react.useUniqueInlineId)();
const _id16 = (0, _react.useUniqueInlineId)();
const _id15 = (0, _react.useUniqueInlineId)();
const _id14 = (0, _react.useUniqueInlineId)();
const _id13 = (0, _react.useUniqueInlineId)();
const _id12 = (0, _react.useUniqueInlineId)();
const _id11 = (0, _react.useUniqueInlineId)();
const _id10 = (0, _react.useUniqueInlineId)();
const _id9 = (0, _react.useUniqueInlineId)();
const _id8 = (0, _react.useUniqueInlineId)();
const _id7 = (0, _react.useUniqueInlineId)();
const _id6 = (0, _react.useUniqueInlineId)();
const _id5 = (0, _react.useUniqueInlineId)();
const _id4 = (0, _react.useUniqueInlineId)();
const _id3 = (0, _react.useUniqueInlineId)();
const _id2 = (0, _react.useUniqueInlineId)();
const _id = (0, _react.useUniqueInlineId)();
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
...props,
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("style", {
children: ["@keyframes e5ojfxdzkgl73_to__to", `{`, "0%,60%", `{`, "transform:translate(299.623519px,330.25237px)", `}`, `}`, "@keyframes e5ojfxdzkgl74_to__to", `{`, "0%,35%", `{`, "transform:translate(168.927002px,296.314011px)", `}`, "77.5%", `{`, "transform:translate(365.96632px,313.012259px)", `}`, `}`, "@keyframes e5ojfxdzkgl75_to__to", `{`, "0%", `{`, "transform:translate(251.5px,76.5px)", `}`, "47.5%", `{`, "transform:translate(119.027238px,134.853682px)", `}`, `}`]
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
id: _id,
x1: "156.478",
y1: "0",
x2: "-180.436",
y2: "19.723",
spreadMethod: "pad",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
id: _id2,
offset: "0%",
stopColor: "#6F56FD"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
id: _id3,
offset: "100%",
stopColor: "#00CABE"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
id: _id4,
offset: "100%",
stopColor: "#00CABE"
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
id: _id5,
x1: "-186.115",
y1: "94.502",
x2: "-248.237",
y2: "-17.301",
spreadMethod: "pad",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
id: _id6,
offset: "0%",
stopColor: "#42F4CA"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
id: _id7,
offset: "100%",
stopColor: "#5D89F8"
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
id: _id8,
x1: "175.809",
y1: "0",
x2: "-202.597",
y2: "23.239",
spreadMethod: "pad",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
id: _id9,
offset: "0%",
stopColor: "#6F56FD"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
id: _id10,
offset: "100%",
stopColor: "#00CABE"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
id: _id11,
offset: "100%",
stopColor: "#00CABE"
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("filter", {
id: _id12,
x: "-400%",
width: "600%",
y: "-400%",
height: "600%",
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("feGaussianBlur", {
id: _id13,
stdDeviation: "40,40",
result: "result"
})
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("filter", {
id: _id14,
x: "-400%",
width: "600%",
y: "-400%",
height: "600%",
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("feGaussianBlur", {
id: _id15,
stdDeviation: "40,40",
result: "result"
})
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("filter", {
id: _id16,
x: "-400%",
width: "600%",
y: "-400%",
height: "600%",
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("feGaussianBlur", {
id: _id17,
stdDeviation: "40,40",
result: "result"
})
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
id: _id18,
mask: `url(#${_id22})`,
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
transform: "translate(299.624 330.252)",
style: {
animation: "e5ojfxdzkgl73_to__to 4000ms linear infinite alternate forwards"
},
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", {
id: _id19,
rx: "194.39",
ry: "180.984",
transform: "translate(20.386 -18.98)",
filter: `url(#${_id12})`,
fill: `url(#${_id})`,
stroke: "none",
strokeWidth: "1"
})
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
transform: "translate(168.927 296.314)",
style: {
animation: "e5ojfxdzkgl74_to__to 4000ms linear infinite alternate forwards"
},
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", {
id: _id20,
rx: "177.032",
ry: "156.717",
transform: "translate(-8.105 7.175)",
filter: `url(#${_id14})`,
fill: `url(#${_id5})`,
stroke: "none",
strokeWidth: "1"
})
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
transform: "translate(251.5 76.5)",
style: {
animation: "e5ojfxdzkgl75_to__to 4000ms linear infinite alternate forwards"
},
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", {
id: _id21,
rx: "208.93",
ry: "185.418",
transform: "translate(-13.43 11.918)",
filter: `url(#${_id16})`,
fill: `url(#${_id8})`,
stroke: "none",
strokeWidth: "1"
})
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("mask", {
id: _id22,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
id: _id23,
d: "M472.626 235c0 129.787-105.801 235-236.313 235S0 364.787 0 235 105.801 0 236.313 0s236.313 105.213 236.313 235zm-225.898-90.224c0-17.86 14.478-32.338 32.338-32.338s32.339 14.478 32.339 32.339v93.097h42.282v-67.427c0-10.304 8.353-18.657 18.657-18.657s18.657 8.353 18.657 18.657v67.427h-37.314v74.778c0 11.678-9.467 21.145-21.145 21.145-11.677 0-21.144-9.467-21.144-21.145v-74.777h-64.67v94.313c0 18.547-15.036 33.583-33.583 33.583-18.547 0-33.582-15.036-33.582-33.583v-94.314h67.165v-93.098zm-109.457 30.62c0-11.678 9.467-21.145 21.144-21.145 11.678 0 21.145 9.467 21.145 21.145v62.48h-42.289v-62.48zm-27.363 121.509c15.112 0 27.363-12.251 27.363-27.363v-31.666H82.544v31.666c0 15.112 12.251 27.363 27.364 27.363zm321.469-38.516c0 11.408-9.248 20.656-20.655 20.656-11.408 0-20.655-9.248-20.655-20.656v-20.425h41.31v20.425zM61.885 196.882c-11.407 0-20.655 9.248-20.655 20.655v20.426h41.31v-20.426c0-11.407-9.247-20.655-20.655-20.655z",
clipRule: "evenodd",
fill: "#FFF",
fillRule: "evenodd",
stroke: "none",
strokeWidth: "1"
})
})]
})]
});
};
SVGComponent.defaultProps = {
id: "ant-web3-icon-mln-circle-colorful-logo-circle_svg__e5ojfxdzkgl71",
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 473 470",
shapeRendering: "geometricPrecision",
textRendering: "geometricPrecision"
};
/** */
const MlnCircleColorful = exports.MlnCircleColorful = /*#__PURE__*/React.forwardRef((props, ref) => {
const {
getPrefixCls
} = React.useContext(_antd.ConfigProvider.ConfigContext);
const prefixCls = getPrefixCls('web3-icon-mln-circle-colorful');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.default, {
...props,
className: (0, _classnames.default)(prefixCls, props.className),
ref: ref,
component: (0, _utils.eraseDefaultProps)(SVGComponent)
});
});
MlnCircleColorful.displayName = 'MlnCircleColorful';