@ant-design/web3-icons
Version:
A collection of Web3 icons.
102 lines • 7.75 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 _id3 = useUniqueInlineId();
const _id2 = useUniqueInlineId();
const _id = useUniqueInlineId();
return /*#__PURE__*/_jsxs("svg", {
...props,
children: [/*#__PURE__*/_jsx("mask", {
id: _id,
style: {
maskType: "alpha"
},
maskUnits: "userSpaceOnUse",
x: "0",
y: "0",
width: "1024",
height: "1024",
children: /*#__PURE__*/_jsx("path", {
fill: "#C4C4C4",
d: "M0 0h1024v1024H0z"
})
}), /*#__PURE__*/_jsxs("defs", {
children: [/*#__PURE__*/_jsxs("linearGradient", {
id: _id2,
x1: "709.844",
y1: "556.827",
x2: "667.753",
y2: "556.827",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#fff"
}), /*#__PURE__*/_jsx("stop", {
offset: ".967",
stopColor: "#fff",
stopOpacity: ".323"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#fff",
stopOpacity: ".3"
})]
}), /*#__PURE__*/_jsx("clipPath", {
id: _id3,
children: /*#__PURE__*/_jsx("path", {
fill: "#fff",
transform: "translate(168 277)",
d: "M0 0h728.448v470H0z"
})
})]
}), /*#__PURE__*/_jsxs("g", {
mask: `url(#${_id})`,
children: [/*#__PURE__*/_jsx("path", {
d: "M1041.52 0H-27v1024h1068.52V0Z",
fill: "#2980FE"
}), /*#__PURE__*/_jsxs("g", {
clipPath: `url(#${_id3})`,
children: [/*#__PURE__*/_jsx("path", {
d: "M406.796 438.643h.131c-.131-.786-.131-1.703-.131-2.489v2.489Z",
fill: "#29AEFF"
}), /*#__PURE__*/_jsx("path", {
d: "M667.602 463.533H523.249v260.543c0 12.313 9.955 22.269 22.268 22.269h99.816c12.314 0 22.269-9.956 22.269-22.269V463.533ZM453.563 277H190.269C177.955 277 168 286.955 168 299.269v90.384c0 12.314 9.955 22.269 22.269 22.269H275.021V724.731c0 12.314 9.955 22.269 22.268 22.269h94.839c12.313 0 22.268-9.955 22.268-22.269V411.922h38.774c37.202 0 67.461-30.259 67.461-67.461.393-37.202-29.866-67.461-67.068-67.461Z",
fill: "#fff"
}), /*#__PURE__*/_jsx("path", {
d: "M667.735 463.533V645.35c4.978 1.179 10.086 2.096 15.326 2.882 7.336 1.048 14.933 1.703 22.531 1.834h1.31V505.45c-21.876-1.441-39.167-19.649-39.167-41.917Z",
fill: `url(#${_id2})`
}), /*#__PURE__*/_jsx("path", {
d: "M709.781 277c-102.959 0-186.532 83.573-186.532 186.533 0 88.551 61.697 162.692 144.484 181.817V463.533c0-23.186 18.863-42.049 42.048-42.049 23.186 0 42.049 18.863 42.049 42.049 0 19.518-13.23 35.892-31.307 40.607a41.665 41.665 0 0 1-10.742 1.441v144.485c3.668 0 7.205-.131 10.742-.262 97.982-5.633 175.791-86.848 175.791-186.271C896.445 360.573 812.872 277 709.781 277Z",
fill: "#fff"
}), /*#__PURE__*/_jsx("path", {
d: "M709.78 650.066V505.581c-1.047 0-1.964 0-3.012-.131v144.616h3.012Z",
fill: "#fff"
})]
})]
})]
});
};
SVGComponent.defaultProps = {
viewBox: "0 0 1024 1024",
xmlns: "http://www.w3.org/2000/svg"
};
/** */
export const TokenPocketColorful = /*#__PURE__*/React.forwardRef((props, ref) => {
const {
getPrefixCls
} = React.useContext(ConfigProvider.ConfigContext);
const prefixCls = getPrefixCls('web3-icon-tokenpocket-colorful');
return /*#__PURE__*/_jsx(AntdIcon, {
...props,
className: classnames(prefixCls, props.className),
ref: ref,
component: eraseDefaultProps(SVGComponent)
});
});
TokenPocketColorful.displayName = 'TokenPocketColorful';