@ant-design/web3-icons
Version:
A collection of Web3 icons.
216 lines • 18.1 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 _id23 = useUniqueInlineId();
const _id22 = useUniqueInlineId();
const _id21 = useUniqueInlineId();
const _id20 = useUniqueInlineId();
const _id19 = useUniqueInlineId();
const _id18 = useUniqueInlineId();
const _id17 = useUniqueInlineId();
const _id16 = useUniqueInlineId();
const _id15 = useUniqueInlineId();
const _id14 = useUniqueInlineId();
const _id13 = useUniqueInlineId();
const _id12 = useUniqueInlineId();
const _id11 = useUniqueInlineId();
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__*/_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__*/_jsxs("defs", {
children: [/*#__PURE__*/_jsxs("linearGradient", {
id: _id,
x1: "156.478",
y1: "0",
x2: "-180.436",
y2: "19.723",
spreadMethod: "pad",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
id: _id2,
offset: "0%",
stopColor: "#6F56FD"
}), /*#__PURE__*/_jsx("stop", {
id: _id3,
offset: "100%",
stopColor: "#00CABE"
}), /*#__PURE__*/_jsx("stop", {
id: _id4,
offset: "100%",
stopColor: "#00CABE"
})]
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id5,
x1: "-186.115",
y1: "94.502",
x2: "-248.237",
y2: "-17.301",
spreadMethod: "pad",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
id: _id6,
offset: "0%",
stopColor: "#42F4CA"
}), /*#__PURE__*/_jsx("stop", {
id: _id7,
offset: "100%",
stopColor: "#5D89F8"
})]
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id8,
x1: "175.809",
y1: "0",
x2: "-202.597",
y2: "23.239",
spreadMethod: "pad",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
id: _id9,
offset: "0%",
stopColor: "#6F56FD"
}), /*#__PURE__*/_jsx("stop", {
id: _id10,
offset: "100%",
stopColor: "#00CABE"
}), /*#__PURE__*/_jsx("stop", {
id: _id11,
offset: "100%",
stopColor: "#00CABE"
})]
}), /*#__PURE__*/_jsx("filter", {
id: _id12,
x: "-400%",
width: "600%",
y: "-400%",
height: "600%",
children: /*#__PURE__*/_jsx("feGaussianBlur", {
id: _id13,
stdDeviation: "40,40",
result: "result"
})
}), /*#__PURE__*/_jsx("filter", {
id: _id14,
x: "-400%",
width: "600%",
y: "-400%",
height: "600%",
children: /*#__PURE__*/_jsx("feGaussianBlur", {
id: _id15,
stdDeviation: "40,40",
result: "result"
})
}), /*#__PURE__*/_jsx("filter", {
id: _id16,
x: "-400%",
width: "600%",
y: "-400%",
height: "600%",
children: /*#__PURE__*/_jsx("feGaussianBlur", {
id: _id17,
stdDeviation: "40,40",
result: "result"
})
})]
}), /*#__PURE__*/_jsxs("g", {
id: _id18,
mask: `url(#${_id22})`,
children: [/*#__PURE__*/_jsx("g", {
transform: "translate(299.624 330.252)",
style: {
animation: "e5ojfxdzkgl73_to__to 4000ms linear infinite alternate forwards"
},
children: /*#__PURE__*/_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__*/_jsx("g", {
transform: "translate(168.927 296.314)",
style: {
animation: "e5ojfxdzkgl74_to__to 4000ms linear infinite alternate forwards"
},
children: /*#__PURE__*/_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__*/_jsx("g", {
transform: "translate(251.5 76.5)",
style: {
animation: "e5ojfxdzkgl75_to__to 4000ms linear infinite alternate forwards"
},
children: /*#__PURE__*/_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__*/_jsx("mask", {
id: _id22,
children: /*#__PURE__*/_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"
};
/** */
export const MlnCircleColorful = /*#__PURE__*/React.forwardRef((props, ref) => {
const {
getPrefixCls
} = React.useContext(ConfigProvider.ConfigContext);
const prefixCls = getPrefixCls('web3-icon-mln-circle-colorful');
return /*#__PURE__*/_jsx(AntdIcon, {
...props,
className: classnames(prefixCls, props.className),
ref: ref,
component: eraseDefaultProps(SVGComponent)
});
});
MlnCircleColorful.displayName = 'MlnCircleColorful';