@ant-design/web3-icons
Version:
A collection of Web3 icons.
248 lines • 14.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 _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__*/_jsx("g", {
clipPath: `url(#${_id12})`,
children: /*#__PURE__*/_jsxs("g", {
clipPath: `url(#${_id13})`,
children: [/*#__PURE__*/_jsx("mask", {
id: _id,
style: {
maskType: "alpha"
},
maskUnits: "userSpaceOnUse",
x: "0",
y: "0",
width: "120",
height: "120",
children: /*#__PURE__*/_jsx("path", {
d: "M78.163 0H41.837C29.79 0 23.767 0 17.283 2.05A25.486 25.486 0 0 0 2.05 17.283C0 23.767 0 29.791 0 41.837v36.326c0 12.047 0 18.069 2.05 24.554a25.482 25.482 0 0 0 15.233 15.232C23.767 120 29.79 120 41.837 120h36.326c12.047 0 18.069 0 24.554-2.051a25.482 25.482 0 0 0 15.233-15.232C120 96.232 120 90.21 120 78.163V41.837c0-12.046 0-18.07-2.05-24.554A25.486 25.486 0 0 0 102.717 2.05C96.232 0 90.21 0 78.163 0Z",
fill: "#000"
})
}), /*#__PURE__*/_jsx("g", {
mask: `url(#${_id})`,
children: /*#__PURE__*/_jsx("path", {
fill: `url(#${_id7})`,
d: "M0 0h120v120H0z"
})
}), /*#__PURE__*/_jsx("path", {
d: "M20 38h6c30.928 0 56 25.072 56 56v6h12a6 6 0 0 0 6-6c0-40.87-33.13-74-74-74a6 6 0 0 0-6 6v12Z",
fill: `url(#${_id2})`
}), /*#__PURE__*/_jsx("path", {
d: "M84 94h16a6 6 0 0 1-6 6H84v-6Z",
fill: `url(#${_id8})`
}), /*#__PURE__*/_jsx("path", {
d: "M26 20v16h-6V26a6 6 0 0 1 6-6Z",
fill: `url(#${_id9})`
}), /*#__PURE__*/_jsx("path", {
d: "M20 36h6c32.032 0 58 25.968 58 58v6H66v-6c0-22.091-17.909-40-40-40h-6V36Z",
fill: `url(#${_id3})`
}), /*#__PURE__*/_jsx("path", {
d: "M68 94h16v6H68v-6Z",
fill: `url(#${_id10})`
}), /*#__PURE__*/_jsx("path", {
d: "M20 52V36h6v16h-6Z",
fill: `url(#${_id11})`
}), /*#__PURE__*/_jsx("path", {
d: "M20 62a6 6 0 0 0 6 6c14.36 0 26 11.64 26 26a6 6 0 0 0 6 6h10v-6c0-23.196-18.804-42-42-42h-6v10Z",
fill: `url(#${_id4})`
}), /*#__PURE__*/_jsx("path", {
d: "M52 94h16v6H58a6 6 0 0 1-6-6Z",
fill: `url(#${_id5})`
}), /*#__PURE__*/_jsx("path", {
d: "M26 68a6 6 0 0 1-6-6V52h6v16Z",
fill: `url(#${_id6})`
})]
})
}), /*#__PURE__*/_jsxs("defs", {
children: [/*#__PURE__*/_jsxs("radialGradient", {
id: _id2,
cx: "0",
cy: "0",
r: "1",
gradientUnits: "userSpaceOnUse",
gradientTransform: "matrix(0 -74 74 0 26 94)",
children: [/*#__PURE__*/_jsx("stop", {
offset: ".77",
stopColor: "#FF4000"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#8754C9"
})]
}), /*#__PURE__*/_jsxs("radialGradient", {
id: _id3,
cx: "0",
cy: "0",
r: "1",
gradientUnits: "userSpaceOnUse",
gradientTransform: "matrix(0 -58 58 0 26 94)",
children: [/*#__PURE__*/_jsx("stop", {
offset: ".724",
stopColor: "#FFF700"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#FF9901"
})]
}), /*#__PURE__*/_jsxs("radialGradient", {
id: _id4,
cx: "0",
cy: "0",
r: "1",
gradientUnits: "userSpaceOnUse",
gradientTransform: "matrix(0 -42 42 0 26 94)",
children: [/*#__PURE__*/_jsx("stop", {
offset: ".595",
stopColor: "#0AF"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#01DA40"
})]
}), /*#__PURE__*/_jsxs("radialGradient", {
id: _id5,
cx: "0",
cy: "0",
r: "1",
gradientUnits: "userSpaceOnUse",
gradientTransform: "matrix(17 0 0 45.3333 51 97)",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#0AF"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#01DA40"
})]
}), /*#__PURE__*/_jsxs("radialGradient", {
id: _id6,
cx: "0",
cy: "0",
r: "1",
gradientUnits: "userSpaceOnUse",
gradientTransform: "matrix(0 -17 322.37 0 23 69)",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#0AF"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#01DA40"
})]
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id7,
x1: "60",
y1: "0",
x2: "60",
y2: "120",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#174299"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#001E59"
})]
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id8,
x1: "83",
y1: "97",
x2: "100",
y2: "97",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#FF4000"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#8754C9"
})]
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id9,
x1: "23",
y1: "20",
x2: "23",
y2: "37",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#8754C9"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#FF4000"
})]
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id10,
x1: "68",
y1: "97",
x2: "84",
y2: "97",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#FFF700"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#FF9901"
})]
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id11,
x1: "23",
y1: "52",
x2: "23",
y2: "36",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#FFF700"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#FF9901"
})]
}), /*#__PURE__*/_jsx("clipPath", {
id: _id12,
children: /*#__PURE__*/_jsx("path", {
fill: "#fff",
d: "M0 0h120v120H0z"
})
}), /*#__PURE__*/_jsx("clipPath", {
id: _id13,
children: /*#__PURE__*/_jsx("path", {
fill: "#fff",
d: "M0 0h120v120H0z"
})
})]
})]
});
};
SVGComponent.defaultProps = {
viewBox: "0 0 120 120",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
};
/** */
export const RainbowWalletColorful = /*#__PURE__*/React.forwardRef((props, ref) => {
const {
getPrefixCls
} = React.useContext(ConfigProvider.ConfigContext);
const prefixCls = getPrefixCls('web3-icon-rainbow-wallet-colorful');
return /*#__PURE__*/_jsx(AntdIcon, {
...props,
className: classnames(prefixCls, props.className),
ref: ref,
component: eraseDefaultProps(SVGComponent)
});
});
RainbowWalletColorful.displayName = 'RainbowWalletColorful';