@unstoppabledomains/ui-kit
Version:
A set of common Unstoppable Domains components
62 lines • 3.03 kB
JavaScript
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
import SvgIcon from '@mui/material/SvgIcon';
import React from 'react';
import { makeStyles } from "../../styles";
const useStyles = makeStyles()(() => ({
id: {}
}));
const CompoundTether = /*#__PURE__*/React.forwardRef(({
iconRef,
...props
}, ref) => {
const {
classes
} = useStyles();
const uuid = classes.id;
const paths = [{
d: 'M209.3,226.9c-19.5,16.1-43.4,26-68.6,28.4c-33.7,3.3-67.4-6.9-93.7-28.4c-26.2-21.5-42.8-52.5-46.2-86.3c-2.5-25.2,2.5-50.5,14.4-72.8c11.9-22.3,30.2-40.6,52.5-52.5c22.3-11.9,47.6-17,72.8-14.5c25.2,2.5,49,12.3,68.6,28.4l-25.8,31.5c-13.3-10.9-29.6-17.7-46.8-19.3c-17.2-1.7-34.4,1.8-49.6,9.9c-15.2,8.1-27.6,20.6-35.8,35.8c-8.1,15.2-11.5,32.5-9.8,49.6c2.3,23,13.6,44.2,31.5,58.8c17.9,14.7,40.9,21.6,63.9,19.3c17.2-1.7,33.4-8.5,46.7-19.4L209.3,226.9z'
}];
const ids = Array.from({
length: paths.length
}).map((_, i) => `compound-tether-${uuid}-${i}`);
return /*#__PURE__*/React.createElement(SvgIcon, _extends({
viewBox: "0 0 256 256"
}, props, {
ref: iconRef || ref
}), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("circle", {
className: "st0",
cx: "128.1",
cy: "128.2",
r: "127.9",
fill: "#EDF0F2"
}), /*#__PURE__*/React.createElement("linearGradient", {
id: ids[0],
gradientUnits: "userSpaceOnUse",
x1: "92.0939",
y1: "243.6545",
x2: "132.1881",
y2: "21.3615",
gradientTransform: "matrix(1 0 0 -1 0 258)"
}, /*#__PURE__*/React.createElement("stop", {
offset: "0",
stopColor: "#27D3A2"
}), /*#__PURE__*/React.createElement("stop", {
offset: "1",
stopColor: "#9388FD"
})), paths.map(({
d
}, i) => /*#__PURE__*/React.createElement("path", {
key: ids[i],
d: d,
fill: `url(#${ids[i]})`
})), /*#__PURE__*/React.createElement("path", {
d: "M128.5,232.9c57.7,0,104.4-46.8,104.4-104.4C232.9,70.8,186.2,24,128.5,24C70.8,24,24,70.8,24,128.5 C24,186.2,70.8,232.9,128.5,232.9z",
fill: "#FFFFFF"
})), /*#__PURE__*/React.createElement("path", {
d: "M137.9,131.3L137.9,131.3c-0.6,0-3.4,0.2-9.8,0.2c-5.1,0-8.7-0.2-10-0.2l0,0c-19.7-0.9-34.3-4.2-34.3-8.3 c0-4.1,14.7-7.4,34.3-8.3V128c1.3,0.1,5,0.3,10.1,0.3c6.1,0,9.2-0.3,9.7-0.3v-13.2c19.6,0.9,34.3,4.2,34.3,8.3 C172.2,127.1,157.6,130.5,137.9,131.3L137.9,131.3L137.9,131.3z M137.9,113.4v-11.8h27.4v-18H90.8v18h27.4v11.8 c-22.3,1-39,5.4-39,10.6s16.7,9.6,39,10.6v37.9h19.8v-37.9c22.2-1,38.9-5.4,38.9-10.6C176.9,118.8,160.2,114.4,137.9,113.4 L137.9,113.4L137.9,113.4z M137.9,113.4L137.9,113.4z",
fill: "#283947",
fillRule: "evenodd",
clipRule: "evenodd"
})));
});
export default CompoundTether;