UNPKG

@ant-design/web3-icons

Version:
72 lines 3.72 kB
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 _id2 = useUniqueInlineId(); const _id = useUniqueInlineId(); return /*#__PURE__*/_jsxs("svg", { ...props, children: [/*#__PURE__*/_jsxs("defs", { children: [/*#__PURE__*/_jsxs("linearGradient", { id: _id, x1: "88.62", y1: "867.19", x2: "104.7", y2: "929.41", gradientTransform: "translate(0 -798)", gradientUnits: "userSpaceOnUse", children: [/*#__PURE__*/_jsx("stop", { offset: "0", stopColor: "#00ff8f" }), /*#__PURE__*/_jsx("stop", { offset: ".43", stopColor: "#53fdb2" }), /*#__PURE__*/_jsx("stop", { offset: "1", stopColor: "#68fcbb" })] }), /*#__PURE__*/_jsx("clipPath", { id: _id2, children: /*#__PURE__*/_jsx("path", { fill: "none", d: "M0 0h200v200H0z" }) })] }), /*#__PURE__*/_jsxs("g", { clipPath: `url(#${_id2})`, children: [/*#__PURE__*/_jsx("circle", { cx: "100", cy: "100", r: "100" }), /*#__PURE__*/_jsx("path", { d: "M164.8 77.5c4.4 17.2-82.3 59.7-121.6 69.8s76-39.7 71.5-56.9-96.4-3.1-57.1-13.2 102.8-16.9 107.2.3Z", fill: `url(#${_id})` })] })] }); }; SVGComponent.defaultProps = { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 200 200" }; /**![TrbCircleColorful](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImFudC13ZWIzLWljb24tdHJiLWNpcmNsZS1jb2xvcmZ1bC1jbGlwLXBhdGgiPjxyZWN0IHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBmaWxsPSJub25lIi8+PC9jbGlwUGF0aD48bGluZWFyR3JhZGllbnQgaWQ9ImFudC13ZWIzLWljb24tdHJiLWNpcmNsZS1jb2xvcmZ1bC1saW5lYXItZ3JhZGllbnQiIHgxPSI4OC42MiIgeTE9Ijg2Ny4xOSIgeDI9IjEwNC43IiB5Mj0iOTI5LjQxIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTc5OCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMGZmOGYiLz48c3RvcCBvZmZzZXQ9IjAuNDMiIHN0b3AtY29sb3I9IiM1M2ZkYjIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM2OGZjYmIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48dGl0bGU+dGVsbG9yLXRyYjwvdGl0bGU+PGcgaWQ9ImFudC13ZWIzLWljb24tdHJiLWNpcmNsZS1jb2xvcmZ1bC1MYXllcl8yIj48ZyBpZD0iYW50LXdlYjMtaWNvbi10cmItY2lyY2xlLWNvbG9yZnVsLUxheWVyXzEtMiI+PGcgY2xpcC1wYXRoPSJ1cmwoI2FudC13ZWIzLWljb24tdHJiLWNpcmNsZS1jb2xvcmZ1bC1jbGlwLXBhdGgpIj48Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjEwMCIvPjxwYXRoIGQ9Ik0xNjQuOCw3Ny41YzQuNCwxNy4yLTgyLjMsNTkuNy0xMjEuNiw2OS44czc2LTM5LjcsNzEuNS01Ni45UzE4LjMsODcuMyw1Ny42LDc3LjIsMTYwLjQsNjAuMywxNjQuOCw3Ny41WiIgZmlsbD0idXJsKCNhbnQtd2ViMy1pY29uLXRyYi1jaXJjbGUtY29sb3JmdWwtbGluZWFyLWdyYWRpZW50KSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==) */ export const TrbCircleColorful = /*#__PURE__*/React.forwardRef((props, ref) => { const { getPrefixCls } = React.useContext(ConfigProvider.ConfigContext); const prefixCls = getPrefixCls('web3-icon-trb-circle-colorful'); return /*#__PURE__*/_jsx(AntdIcon, { ...props, className: classnames(prefixCls, props.className), ref: ref, component: eraseDefaultProps(SVGComponent) }); }); TrbCircleColorful.displayName = 'TrbCircleColorful';