@ant-design/web3-icons
Version:
A collection of Web3 icons.
204 lines • 11.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 _id6 = useUniqueInlineId();
const _id5 = useUniqueInlineId();
const _id4 = useUniqueInlineId();
const _id3 = useUniqueInlineId();
const _id2 = useUniqueInlineId();
const _id = useUniqueInlineId();
return /*#__PURE__*/_jsxs("svg", {
...props,
children: [/*#__PURE__*/_jsx("path", {
d: "M78.9 0H16C7.2 0 0 7.4 0 16.6v55.2c0 4.8 5.7 7.1 8.8 3.5 3.8-4.4 10.4-4.3 14.1.1l4.9 5.7c2 2.3 5.5 2.3 7.5 0l5.1-5.8c3.8-4.3 10.3-4.3 14.1 0l5.1 5.9c2 2.3 5.5 2.3 7.5 0l5.1-5.9c3.8-4.3 10.3-4.3 14.1 0l.1.1c3.1 3.6 8.8 1.3 8.8-3.5V16.6C94.9 7.4 87.8 0 78.9 0z",
fill: "#88c6de"
}), /*#__PURE__*/_jsx("path", {
d: "M78.9 3.3H16c-8.8 0-16 7.4-16 16.6v55.2c0 4.8 5.7 7.1 8.8 3.5 3.8-4.4 10.4-4.3 14.1.1l4.9 5.7c2 2.3 5.5 2.3 7.5 0l5.1-5.8c3.8-4.3 10.3-4.3 14.1 0l5.1 5.9c2 2.3 5.5 2.3 7.5 0l5.1-5.9c3.8-4.3 10.3-4.3 14.1 0l.1.1c3.1 3.6 8.8 1.3 8.8-3.5V19.9c-.3-9.2-7.4-16.6-16.3-16.6z",
fill: "#6ca2cb"
}), /*#__PURE__*/_jsx("circle", {
cx: "29.4",
cy: "31.1",
r: "9.7",
fill: "#fff"
}), /*#__PURE__*/_jsx("circle", {
cx: "65.6",
cy: "31.1",
r: "9.7",
fill: "#fff"
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id,
gradientUnits: "userSpaceOnUse",
x1: "57.862",
y1: "56.9",
x2: "73.247",
y2: "56.9",
gradientTransform: "matrix(1 0 0 -1 0 88)",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#1eaacc"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#0584b9"
})]
}), /*#__PURE__*/_jsx("circle", {
cx: "65.6",
cy: "31.1",
r: "7.7",
opacity: ".5",
fill: `url(#${_id})`,
enableBackground: "new"
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id2,
gradientUnits: "userSpaceOnUse",
x1: "59.444",
y1: "56.9",
x2: "71.665",
y2: "56.9",
gradientTransform: "matrix(1 0 0 -1 0 88)",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#1eaacc"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#0584b9"
})]
}), /*#__PURE__*/_jsx("circle", {
cx: "65.6",
cy: "31.1",
r: "6.1",
opacity: ".5",
fill: `url(#${_id2})`,
enableBackground: "new"
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id3,
gradientUnits: "userSpaceOnUse",
x1: "61.717",
y1: "56.9",
x2: "69.392",
y2: "56.9",
gradientTransform: "matrix(1 0 0 -1 0 88)",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#1eaacc"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#0584b9"
})]
}), /*#__PURE__*/_jsx("circle", {
cx: "65.6",
cy: "31.1",
r: "3.8",
opacity: ".5",
fill: `url(#${_id3})`,
enableBackground: "new"
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id4,
gradientUnits: "userSpaceOnUse",
x1: "21.683",
y1: "56.9",
x2: "37.067",
y2: "56.9",
gradientTransform: "matrix(1 0 0 -1 0 88)",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#1eaacc"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#0584b9"
})]
}), /*#__PURE__*/_jsx("circle", {
cx: "29.4",
cy: "31.1",
r: "7.7",
opacity: ".5",
fill: `url(#${_id4})`,
enableBackground: "new"
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id5,
gradientUnits: "userSpaceOnUse",
x1: "23.265",
y1: "56.9",
x2: "35.486",
y2: "56.9",
gradientTransform: "matrix(1 0 0 -1 0 88)",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#1eaacc"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#0584b9"
})]
}), /*#__PURE__*/_jsx("circle", {
cx: "29.4",
cy: "31.1",
r: "6.1",
opacity: ".5",
fill: `url(#${_id5})`,
enableBackground: "new"
}), /*#__PURE__*/_jsxs("linearGradient", {
id: _id6,
gradientUnits: "userSpaceOnUse",
x1: "25.538",
y1: "56.9",
x2: "33.212",
y2: "56.9",
gradientTransform: "matrix(1 0 0 -1 0 88)",
children: [/*#__PURE__*/_jsx("stop", {
offset: "0",
stopColor: "#1eaacc"
}), /*#__PURE__*/_jsx("stop", {
offset: "1",
stopColor: "#0584b9"
})]
}), /*#__PURE__*/_jsx("circle", {
cx: "29.4",
cy: "31.1",
r: "3.8",
opacity: ".5",
fill: `url(#${_id6})`,
enableBackground: "new"
}), /*#__PURE__*/_jsx("circle", {
cx: "34.2",
cy: "26",
r: "2.2",
opacity: ".5",
fill: "#fff",
enableBackground: "new"
}), /*#__PURE__*/_jsx("circle", {
cx: "70.4",
cy: "26",
r: "2.2",
opacity: ".5",
fill: "#fff",
enableBackground: "new"
})]
});
};
SVGComponent.defaultProps = {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 95.2 86.2",
xmlSpace: "preserve",
enableBackground: "new 0 0 95.2 86.2"
};
/** */
export const SoulColorful = /*#__PURE__*/React.forwardRef((props, ref) => {
const {
getPrefixCls
} = React.useContext(ConfigProvider.ConfigContext);
const prefixCls = getPrefixCls('web3-icon-soul-colorful');
return /*#__PURE__*/_jsx(AntdIcon, {
...props,
className: classnames(prefixCls, props.className),
ref: ref,
component: eraseDefaultProps(SVGComponent)
});
});
SoulColorful.displayName = 'SoulColorful';