@ant-design/web3-icons
Version:
A collection of Web3 icons.
123 lines • 9.8 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("script", {}), /*#__PURE__*/_jsx("script", {}), /*#__PURE__*/_jsx("rect", {
width: "54",
height: "54",
rx: "27",
fill: "#F3F3F3"
}), /*#__PURE__*/_jsx("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M22.233 14.482a.408.408 0 0 1 .167-.036h9.2c.058 0 .115.012.168.036l6.196 2.79a.409.409 0 0 1 .177.152l3.532 5.5a.412.412 0 0 1-.029.485L27.315 40.77a.408.408 0 0 1-.63 0L12.356 23.41a.412.412 0 0 1-.029-.485l3.532-5.5a.41.41 0 0 1 .177-.152l6.197-2.79Z",
fill: `url(#${_id})`
}), /*#__PURE__*/_jsx("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M22.233 14.482a.408.408 0 0 1 .167-.036h9.2c.058 0 .115.012.168.036l6.196 2.79a.409.409 0 0 1 .177.152l3.532 5.5a.412.412 0 0 1-.029.485H12.356a.412.412 0 0 1-.029-.485l3.532-5.5a.41.41 0 0 1 .177-.152l6.197-2.79Z",
fill: `url(#${_id2})`
}), /*#__PURE__*/_jsx("path", {
d: "m27 19.91 5.59 7.387H21.41L27 19.91Z",
fill: "#95B0FF"
}), /*#__PURE__*/_jsx("path", {
d: "M26.667 40.727c.17.207.49.203.656-.008l1.572-2.005 3.696-11.417H21.41L25 38.714l1.667 2.013Z",
fill: `url(#${_id3})`
}), /*#__PURE__*/_jsx("path", {
d: "m27 19.91-9.91-1.467 4.32 8.854L27 19.91Z",
fill: "#D7D6FC"
}), /*#__PURE__*/_jsx("path", {
d: "m12.356 23.409 4.734-4.966 4.32 8.854-9.054-3.888Z",
fill: "#BDB3F9"
}), /*#__PURE__*/_jsx("path", {
d: "m27 19.91 9.91-1.467-4.32 8.854L27 19.91Z",
fill: "#6E97FF"
}), /*#__PURE__*/_jsx("path", {
d: "m41.644 23.409-4.733-4.966-4.32 8.854 9.053-3.888Z",
fill: "#A4CCFA"
}), /*#__PURE__*/_jsx("path", {
d: "m41.644 23.41-4.734-4.966 1.068-1.164c.02.01.078.035.137.108.076.094 2.294 3.384 3.558 5.537a.414.414 0 0 1-.029.484Z",
fill: "#799FF0"
}), /*#__PURE__*/_jsx("path", {
d: "m12.356 23.41 4.734-4.966-1.067-1.164c-.02.01-.079.035-.138.108-.076.094-2.293 3.384-3.558 5.537a.414.414 0 0 0 .03.484Z",
fill: "#B28DFF"
}), /*#__PURE__*/_jsx("path", {
d: "M18.73 28.814c-.039.018-.077-.029-.05-.064l1.268-1.693c.373-.497.44-1.158.177-1.72l-.9-1.915c-.018-.04.028-.077.064-.051l1.696 1.267c.498.371 1.161.44 1.724.176l1.919-.898c.04-.019.077.028.051.063l-1.27 1.693a1.678 1.678 0 0 0-.176 1.72l.9 1.915c.018.04-.028.078-.063.052l-1.697-1.267a1.687 1.687 0 0 0-1.724-.176l-1.918.898Z",
fill: "#fff"
}), /*#__PURE__*/_jsxs("defs", {
children: [/*#__PURE__*/_jsxs("linearGradient", {
id: _id,
x1: "12.262",
y1: "23.586",
x2: "42.475",
y2: "23.269",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#9889FE"
}), /*#__PURE__*/_jsx("stop", {
offset: ".495",
stopColor: "#68A3F1"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#61A8EA"
})]
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id2,
x1: "15.841",
y1: "17.282",
x2: "37.633",
y2: "17.177",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#B69EFD"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#9BB7FC"
})]
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id3,
x1: "27",
y1: "27.297",
x2: "27",
y2: "40.88",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#B3C9FA"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#A3D2F6"
})]
})]
})]
});
};
SVGComponent.defaultProps = {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 54 54"
};
/** */
export const TonhubCircleColorful = /*#__PURE__*/React.forwardRef((props, ref) => {
const {
getPrefixCls
} = React.useContext(ConfigProvider.ConfigContext);
const prefixCls = getPrefixCls('web3-icon-tonhub-circle-colorful');
return /*#__PURE__*/_jsx(AntdIcon, {
...props,
className: classnames(prefixCls, props.className),
ref: ref,
component: eraseDefaultProps(SVGComponent)
});
});
TonhubCircleColorful.displayName = 'TonhubCircleColorful';