@ant-design/web3-icons
Version:
A collection of Web3 icons.
155 lines • 10.4 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: "22.379",
y1: "75.284",
x2: "253.174",
y2: "209.399",
gradientTransform: "matrix(1 0 0 -1 0 278.89)",
children: [/*#__PURE__*/_jsx("stop", {
offset: ".018",
stopColor: "#CB1A4F"
}), /*#__PURE__*/_jsx("stop", {
offset: ".415",
stopColor: "#E51B44"
})]
}), /*#__PURE__*/_jsx("circle", {
cx: "137",
cy: "137",
r: "137",
fill: `url(#${_id})`
}), /*#__PURE__*/_jsx("path", {
d: "m198.6 125.5-16.7-47.4c-.8-2.2-2.4-4.2-4.3-5.5s-4.3-2.1-6.7-2.1h-.1c-5 0-9.4 3-11 7.6l-22.9 65.5L114 78.1c-1.7-4.6-6.1-7.6-11-7.6-2.4 0-4.7.7-6.7 2.1-2 1.4-3.5 3.3-4.3 5.6l-16.6 47.4h-16c-6.5 0-11.7 5-11.7 11.2S52.9 148 59.4 148h8.2l-9.4 26.6c-2 5.8 1.2 12.2 7.3 14.2 1.2.4 2.5.6 3.7.6 4.9 0 9.4-3 11-7.6l23-65.2 22.8 65.3c1.7 4.6 6.1 7.6 11 7.6 5 0 9.4-3 11-7.6l22.8-65.3 23 65.3c2 5.8 8.6 9 14.8 7 6.1-2 9.4-8.3 7.3-14.2l-9.3-26.7h8.2c6.4 0 11.7-5 11.7-11.2 0-6.2-5.2-11.2-11.7-11.2l-16.2-.1z",
fillRule: "evenodd",
clipRule: "evenodd",
fill: "#fff"
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id2,
gradientUnits: "userSpaceOnUse",
x1: "144.014",
y1: "155.541",
x2: "173.199",
y2: "166.423",
gradientTransform: "matrix(1 0 0 -1 0 278.89)",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#e51b44",
stopOpacity: "0"
}), /*#__PURE__*/_jsx("stop", {
offset: ".046",
stopColor: "#e51b44",
stopOpacity: "4.900000e-02"
}), /*#__PURE__*/_jsx("stop", {
offset: ".127",
stopColor: "#e51b44",
stopOpacity: ".178"
}), /*#__PURE__*/_jsx("stop", {
offset: ".206",
stopColor: "#e51b44",
stopOpacity: ".33"
}), /*#__PURE__*/_jsx("stop", {
offset: ".526",
stopColor: "#E51B44"
})]
}), /*#__PURE__*/_jsx("path", {
d: "M159.4 79.4 144 123.6l12.7 33.3 14.1-40.3-11.1-31.3c-.7-2-.8-4-.3-5.9z",
fillRule: "evenodd",
clipRule: "evenodd",
fill: `url(#${_id2})`
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id3,
gradientUnits: "userSpaceOnUse",
x1: "76.172",
y1: "155.596",
x2: "105.633",
y2: "166.656",
gradientTransform: "matrix(1 0 0 -1 0 278.89)",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#e51b44",
stopOpacity: "0"
}), /*#__PURE__*/_jsx("stop", {
offset: ".046",
stopColor: "#e51b44",
stopOpacity: "4.900000e-02"
}), /*#__PURE__*/_jsx("stop", {
offset: ".127",
stopColor: "#e51b44",
stopOpacity: ".178"
}), /*#__PURE__*/_jsx("stop", {
offset: ".206",
stopColor: "#e51b44",
stopOpacity: ".33"
}), /*#__PURE__*/_jsx("stop", {
offset: ".526",
stopColor: "#E51B44"
})]
}), /*#__PURE__*/_jsx("path", {
d: "M91.6 79.1 76 123.5 88.9 157l14.2-40.4-11.3-31.7c-.6-1.7-.7-3.5-.3-5.3l.1-.5z",
fillRule: "evenodd",
clipRule: "evenodd",
fill: `url(#${_id3})`
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id4,
gradientUnits: "userSpaceOnUse",
x1: "171.18",
y1: "161.077",
x2: "171.574",
y2: "160.934",
gradientTransform: "matrix(1 0 0 -1 0 278.89)",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#d33651",
stopOpacity: "0"
}), /*#__PURE__*/_jsx("stop", {
offset: ".29",
stopColor: "#d43650",
stopOpacity: ".326"
}), /*#__PURE__*/_jsx("stop", {
offset: ".654",
stopColor: "#D6364F"
})]
}), /*#__PURE__*/_jsx("path", {
d: "m171.6 118.3-.4-.9.4.9z",
fillRule: "evenodd",
clipRule: "evenodd",
fill: `url(#${_id4})`
})]
});
};
SVGComponent.defaultProps = {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 274 274",
xmlSpace: "preserve"
};
/** */
export const MeldCircleColorful = /*#__PURE__*/React.forwardRef((props, ref) => {
const {
getPrefixCls
} = React.useContext(ConfigProvider.ConfigContext);
const prefixCls = getPrefixCls('web3-icon-meld-circle-colorful');
return /*#__PURE__*/_jsx(AntdIcon, {
...props,
className: classnames(prefixCls, props.className),
ref: ref,
component: eraseDefaultProps(SVGComponent)
});
});
MeldCircleColorful.displayName = 'MeldCircleColorful';