@ant-design/web3-icons
Version:
A collection of Web3 icons.
256 lines (255 loc) • 16.1 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.RainbowWalletColorful = 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 _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.jsx)("g", {
clipPath: `url(#${_id12})`,
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
clipPath: `url(#${_id13})`,
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("mask", {
id: _id,
style: {
maskType: "alpha"
},
maskUnits: "userSpaceOnUse",
x: "0",
y: "0",
width: "120",
height: "120",
children: /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)("g", {
mask: `url(#${_id})`,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
fill: `url(#${_id7})`,
d: "M0 0h120v120H0z"
})
}), /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)("path", {
d: "M84 94h16a6 6 0 0 1-6 6H84v-6Z",
fill: `url(#${_id8})`
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
d: "M26 20v16h-6V26a6 6 0 0 1 6-6Z",
fill: `url(#${_id9})`
}), /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)("path", {
d: "M68 94h16v6H68v-6Z",
fill: `url(#${_id10})`
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
d: "M20 52V36h6v16h-6Z",
fill: `url(#${_id11})`
}), /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)("path", {
d: "M52 94h16v6H58a6 6 0 0 1-6-6Z",
fill: `url(#${_id5})`
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
d: "M26 68a6 6 0 0 1-6-6V52h6v16Z",
fill: `url(#${_id6})`
})]
})
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("radialGradient", {
id: _id2,
cx: "0",
cy: "0",
r: "1",
gradientUnits: "userSpaceOnUse",
gradientTransform: "matrix(0 -74 74 0 26 94)",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
offset: ".77",
stopColor: "#FF4000"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
offset: "1",
stopColor: "#8754C9"
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("radialGradient", {
id: _id3,
cx: "0",
cy: "0",
r: "1",
gradientUnits: "userSpaceOnUse",
gradientTransform: "matrix(0 -58 58 0 26 94)",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
offset: ".724",
stopColor: "#FFF700"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
offset: "1",
stopColor: "#FF9901"
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("radialGradient", {
id: _id4,
cx: "0",
cy: "0",
r: "1",
gradientUnits: "userSpaceOnUse",
gradientTransform: "matrix(0 -42 42 0 26 94)",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
offset: ".595",
stopColor: "#0AF"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
offset: "1",
stopColor: "#01DA40"
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("radialGradient", {
id: _id5,
cx: "0",
cy: "0",
r: "1",
gradientUnits: "userSpaceOnUse",
gradientTransform: "matrix(17 0 0 45.3333 51 97)",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
stopColor: "#0AF"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
offset: "1",
stopColor: "#01DA40"
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("radialGradient", {
id: _id6,
cx: "0",
cy: "0",
r: "1",
gradientUnits: "userSpaceOnUse",
gradientTransform: "matrix(0 -17 322.37 0 23 69)",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
stopColor: "#0AF"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
offset: "1",
stopColor: "#01DA40"
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
id: _id7,
x1: "60",
y1: "0",
x2: "60",
y2: "120",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
stopColor: "#174299"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
offset: "1",
stopColor: "#001E59"
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
id: _id8,
x1: "83",
y1: "97",
x2: "100",
y2: "97",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
stopColor: "#FF4000"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
offset: "1",
stopColor: "#8754C9"
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
id: _id9,
x1: "23",
y1: "20",
x2: "23",
y2: "37",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
stopColor: "#8754C9"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
offset: "1",
stopColor: "#FF4000"
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
id: _id10,
x1: "68",
y1: "97",
x2: "84",
y2: "97",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
stopColor: "#FFF700"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
offset: "1",
stopColor: "#FF9901"
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
id: _id11,
x1: "23",
y1: "52",
x2: "23",
y2: "36",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
stopColor: "#FFF700"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
offset: "1",
stopColor: "#FF9901"
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
id: _id12,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
fill: "#fff",
d: "M0 0h120v120H0z"
})
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
id: _id13,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
fill: "#fff",
d: "M0 0h120v120H0z"
})
})]
})]
});
};
SVGComponent.defaultProps = {
viewBox: "0 0 120 120",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
};
/** */
const RainbowWalletColorful = exports.RainbowWalletColorful = /*#__PURE__*/React.forwardRef((props, ref) => {
const {
getPrefixCls
} = React.useContext(_antd.ConfigProvider.ConfigContext);
const prefixCls = getPrefixCls('web3-icon-rainbow-wallet-colorful');
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.default, {
...props,
className: (0, _classnames.default)(prefixCls, props.className),
ref: ref,
component: (0, _utils.eraseDefaultProps)(SVGComponent)
});
});
RainbowWalletColorful.displayName = 'RainbowWalletColorful';