@ant-design/web3-icons
Version:
A collection of Web3 icons.
195 lines • 11.3 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 _id4 = useUniqueInlineId();
const _id3 = useUniqueInlineId();
const _id2 = useUniqueInlineId();
const _id = useUniqueInlineId();
return /*#__PURE__*/_jsxs("svg", {
...props,
children: [/*#__PURE__*/_jsxs("linearGradient", {
id: _id,
gradientUnits: "userSpaceOnUse",
x1: "-.908",
y1: "226.477",
x2: "805.044",
y2: "310.198",
gradientTransform: "matrix(1 0 0 -1 0 458.4)",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#4400E2"
}), /*#__PURE__*/_jsx("stop", {
offset: ".041",
stopColor: "#7013C5"
}), /*#__PURE__*/_jsx("stop", {
offset: ".087",
stopColor: "#9A25AA"
}), /*#__PURE__*/_jsx("stop", {
offset: ".133",
stopColor: "#BC3494"
}), /*#__PURE__*/_jsx("stop", {
offset: ".18",
stopColor: "#D73F82"
}), /*#__PURE__*/_jsx("stop", {
offset: ".228",
stopColor: "#EA4876"
}), /*#__PURE__*/_jsx("stop", {
offset: ".278",
stopColor: "#F54C6E"
}), /*#__PURE__*/_jsx("stop", {
offset: ".33",
stopColor: "#F94E6C"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#FFD402"
})]
}), /*#__PURE__*/_jsx("path", {
d: "M37.9 0C16.9 0 0 17 0 37.9v380c0 20.9 16.9 37.9 37.9 37.9s37.9-17 37.9-37.9v-380C75.7 17 58.8 0 37.9 0z",
fill: `url(#${_id})`
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id2,
gradientUnits: "userSpaceOnUse",
x1: "4.701",
y1: "172.482",
x2: "810.653",
y2: "256.202",
gradientTransform: "matrix(1 0 0 -1 0 458.4)",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#4400E2"
}), /*#__PURE__*/_jsx("stop", {
offset: ".041",
stopColor: "#7013C5"
}), /*#__PURE__*/_jsx("stop", {
offset: ".087",
stopColor: "#9A25AA"
}), /*#__PURE__*/_jsx("stop", {
offset: ".133",
stopColor: "#BC3494"
}), /*#__PURE__*/_jsx("stop", {
offset: ".18",
stopColor: "#D73F82"
}), /*#__PURE__*/_jsx("stop", {
offset: ".228",
stopColor: "#EA4876"
}), /*#__PURE__*/_jsx("stop", {
offset: ".278",
stopColor: "#F54C6E"
}), /*#__PURE__*/_jsx("stop", {
offset: ".33",
stopColor: "#F94E6C"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#FFD402"
})]
}), /*#__PURE__*/_jsx("path", {
d: "M563.3 0c-20.9 0-37.9 17-37.9 37.9v380c0 20.9 17 37.9 37.9 37.9s37.9-17 37.9-37.9v-380c0-20.9-17-37.9-37.9-37.9z",
fill: `url(#${_id2})`
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id3,
gradientUnits: "userSpaceOnUse",
x1: ".962",
y1: "208.477",
x2: "806.914",
y2: "292.198",
gradientTransform: "matrix(1 0 0 -1 0 458.4)",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#4400E2"
}), /*#__PURE__*/_jsx("stop", {
offset: ".041",
stopColor: "#7013C5"
}), /*#__PURE__*/_jsx("stop", {
offset: ".087",
stopColor: "#9A25AA"
}), /*#__PURE__*/_jsx("stop", {
offset: ".133",
stopColor: "#BC3494"
}), /*#__PURE__*/_jsx("stop", {
offset: ".18",
stopColor: "#D73F82"
}), /*#__PURE__*/_jsx("stop", {
offset: ".228",
stopColor: "#EA4876"
}), /*#__PURE__*/_jsx("stop", {
offset: ".278",
stopColor: "#F54C6E"
}), /*#__PURE__*/_jsx("stop", {
offset: ".33",
stopColor: "#F94E6C"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#FFD402"
})]
}), /*#__PURE__*/_jsx("path", {
d: "M213 79c-20.9 0-37.9 16.9-37.9 37.9v222c0 20.9 17 37.9 37.9 37.9s37.9-17 37.9-37.9v-222c0-20.9-17-37.9-37.9-37.9z",
fill: `url(#${_id3})`
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id4,
gradientUnits: "userSpaceOnUse",
x1: "2.79",
y1: "190.882",
x2: "808.741",
y2: "274.603",
gradientTransform: "matrix(1 0 0 -1 0 458.4)",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#4400E2"
}), /*#__PURE__*/_jsx("stop", {
offset: ".041",
stopColor: "#7013C5"
}), /*#__PURE__*/_jsx("stop", {
offset: ".087",
stopColor: "#9A25AA"
}), /*#__PURE__*/_jsx("stop", {
offset: ".133",
stopColor: "#BC3494"
}), /*#__PURE__*/_jsx("stop", {
offset: ".18",
stopColor: "#D73F82"
}), /*#__PURE__*/_jsx("stop", {
offset: ".228",
stopColor: "#EA4876"
}), /*#__PURE__*/_jsx("stop", {
offset: ".278",
stopColor: "#F54C6E"
}), /*#__PURE__*/_jsx("stop", {
offset: ".33",
stopColor: "#F94E6C"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#FFD402"
})]
}), /*#__PURE__*/_jsx("path", {
d: "M388.2 142.8c-20.9 0-37.9 17-37.9 37.9v93.7c0 20.9 17 37.9 37.9 37.9s37.9-17 37.9-37.9v-93.7c-.1-21-17-37.9-37.9-37.9z",
fill: `url(#${_id4})`
})]
});
};
SVGComponent.defaultProps = {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 601.2 455.8",
xmlSpace: "preserve"
};
/** */
export const MtlColorful = /*#__PURE__*/React.forwardRef((props, ref) => {
const {
getPrefixCls
} = React.useContext(ConfigProvider.ConfigContext);
const prefixCls = getPrefixCls('web3-icon-mtl-colorful');
return /*#__PURE__*/_jsx(AntdIcon, {
...props,
className: classnames(prefixCls, props.className),
ref: ref,
component: eraseDefaultProps(SVGComponent)
});
});
MtlColorful.displayName = 'MtlColorful';