@ant-design/web3-icons
Version:
A collection of Web3 icons.
121 lines • 9.06 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("path", {
d: "M150.501 299.499c82.566-.277 149.275-67.434 148.998-150-.277-82.566-67.434-149.275-150-148.998C66.933.778.224 67.935.501 150.501c.277 82.566 67.434 149.275 150 148.998Z",
fill: "#0074F0"
}), /*#__PURE__*/_jsx("path", {
opacity: ".2",
d: "M243.446 242.848c51.259-51.601 51.003-135.037-.599-186.296-51.602-51.26-135.037-51.003-186.296.599l186.895 185.697Z",
fill: "#fff"
}), /*#__PURE__*/_jsx("path", {
d: "M143.895 90.955a60.043 60.043 0 0 1 6.105-.31c32.769 0 59.333 26.564 59.333 59.333 0 25.553-16.153 47.334-38.806 55.687l-20.132 28.312c46.21-.213 83.605-37.739 83.605-83.999 0-43.439-32.973-79.176-75.255-83.55l-14.85 24.527Z",
fill: "#fff"
}), /*#__PURE__*/_jsx("path", {
d: "M148.094 66C102.582 67.012 66 104.222 66 149.977c0 42.806 32.019 78.133 73.412 83.339l17.34-24.386c-2.216.251-4.469.38-6.752.38-32.769 0-59.333-26.564-59.333-59.333 0-26.259 17.058-48.534 40.698-56.348L148.094 66Z",
fill: "#fff"
}), /*#__PURE__*/_jsx("path", {
d: "M170.528 205.665c22.653-8.353 38.807-30.133 38.807-55.686h24.666c0 46.26-37.394 83.786-83.605 83.999l20.132-28.313Z",
fill: `url(#${_id})`
}), /*#__PURE__*/_jsx("path", {
d: "M148.094 66C102.582 67.012 66 104.222 66 149.977c0 0 24.667.355 24.667 0 0-26.259 17.058-48.534 40.698-56.348L148.094 66Z",
fill: `url(#${_id2})`
}), /*#__PURE__*/_jsx("path", {
d: "m149.849 218.646 42.178-59.395-42.178 24.891-42.154-24.891 42.154 59.395Z",
fill: "#fff"
}), /*#__PURE__*/_jsx("path", {
opacity: ".1",
d: "m149.85 218.646 42.177-59.395-42.177 24.891v34.504Z",
fill: "#0074F0"
}), /*#__PURE__*/_jsx("path", {
d: "m149.721 176.259 42.386-24.936-42.386-70.01-42.387 70.01 42.387 24.936Z",
fill: `url(#${_id3})`
}), /*#__PURE__*/_jsx("path", {
d: "m149.721 176.259 42.386-24.936-42.386-70.01-42.387 70.01 42.387 24.936Z",
fill: "#fff"
}), /*#__PURE__*/_jsx("path", {
opacity: ".1",
d: "m149.721 176.257-42.387-24.934 42.387-70.01v94.944Z",
fill: "#0074F0"
}), /*#__PURE__*/_jsx("path", {
opacity: ".1",
d: "M149.721 176.26v-44.809l-42.387 19.872 42.387 24.937ZM149.721 176.26v-44.809l42.386 19.872-42.386 24.937Z",
fill: "#0074F0"
}), /*#__PURE__*/_jsxs("defs", {
children: [/*#__PURE__*/_jsxs("linearGradient", {
id: _id,
x1: "94.696",
y1: "255.228",
x2: "187.207",
y2: "194.629",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#1A82FF",
stopOpacity: ".5"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#fff"
})]
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id2,
x1: "195.333",
y1: "27.334",
x2: "106.819",
y2: "91.289",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#1A82FF",
stopOpacity: ".5"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#fff"
})]
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id3,
x1: "59.544",
y1: "106.665",
x2: "133.802",
y2: "151.982",
gradientUnits: "userSpaceOnUse",
children: [/*#__PURE__*/_jsx("stop", {
stopColor: "#1C313F"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#fff"
})]
})]
})]
});
};
SVGComponent.defaultProps = {
viewBox: "0 0 300 300",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
};
/** */
export const OethCircleColorful = /*#__PURE__*/React.forwardRef((props, ref) => {
const {
getPrefixCls
} = React.useContext(ConfigProvider.ConfigContext);
const prefixCls = getPrefixCls('web3-icon-oeth-circle-colorful');
return /*#__PURE__*/_jsx(AntdIcon, {
...props,
className: classnames(prefixCls, props.className),
ref: ref,
component: eraseDefaultProps(SVGComponent)
});
});
OethCircleColorful.displayName = 'OethCircleColorful';