@unstoppabledomains/ui-kit
Version:
A set of common Unstoppable Domains components
216 lines • 12.3 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 ApeCoin = /*#__PURE__*/React.forwardRef(({
iconRef,
...props
}, ref) => {
const {
classes
} = useStyles();
const uuid = classes.id;
const ids = Array.from({
length: 8
}).map((_, i) => `apecoin-${uuid}-${i}`);
return /*#__PURE__*/React.createElement(SvgIcon, _extends({
viewBox: "0 0 24 24"
}, props, {
ref: iconRef || ref
}), /*#__PURE__*/React.createElement("path", {
fill: `url(#${ids[0]})`,
d: "M24 12a12 12 0 1 0-24 0 12 12 0 0 0 24 0Z"
}), /*#__PURE__*/React.createElement("path", {
fill: "#fff",
d: "m20.2 8.3-.2.5-.3.8v.4l-.1.5-.4.7c-.2.3-.5.7-.9.7h-.1c-1.1-.6-2.1-1-2.4-1-.4-.2-.4-1-.3-1.8V8c0-.9-.2-2-1-2.4-.6-.3-1.2-.4-1.8-.4L13 5c.3-.2.8-.5 1.2-.5l.4-.1c1-.1 1.7-.2 2.5 0 .4.2 1.1.6 1.3 1l.9 1 .5.4c.2.1.2.2.2.3.2.3.1.6 0 1ZM16 12.2s.1 0 0 .1l-.4.7-.2.4c-.2.4-.2.7-.2 1 0 .2 0 .4-.2.5l-1.2.2-.3.1h-.2v-1.5l.3-.2c.2-.1.4-.2.6-.6l.2-.4.2-.2s.5-.4 1-.3l.4.2ZM12.3 16.5H12v-.6h.4v.6ZM12.3 15v.5H12V15h.4ZM11.6 16.3c0 .3 0 .5-.2.5h-.2l-.1-.7h.3l.2-.1v.3ZM11.5 15.6l-.4.2a9.2 9.2 0 0 0 .1-.7h.3v.5ZM10.8 15.5v.4h-.6l.2-.5.1-.3h.2c.2.1.2.2.1.4ZM10.6 17.1l-.1.1h-.1c-.2-.2-.2-.7-.2-1h.6c0 .2 0 .7-.2 1ZM10 15.8l-.1.2h-.5l.2-.9h.5c0 .1 0 .5-.2.7ZM9.7 17.3l-.5.1H9c-.1-.3 0-.7.1-1h.7v.2l-.1.6Z"
}), /*#__PURE__*/React.createElement("path", {
fill: "#fff",
d: "M15.7 11.1c-.7-.1-.6-1.1-.5-2V8c0-.8-.2-1.7-1-2.2-.7-.4-1.9-.3-2.6-.2l-.8.1c-.4 0-.8-.2-1-.4L9 5.2c-.6 0-.9.2-1.1.4-.1 0-.2.2-.4.9l-.2.7-.1.7-.2.5c-.1.4-.2.7-.5 1l-.1.2-.3.4-.2.6.1.5.2.5c0 .3 0 .5-.7 1a7 7 0 0 0-.9 1v.1H5c.2 0 .3 0 .4.2h.4l.4.1h.4l.2.2h.7l.2.1.2.3h.5c0 .1.1.2.2.1l.7.1.1.2v-.1h.1c.1 0 .7-.2.9 0h.7l.3-.1h.6l.2-.1h.4v.9l.2.1.2-.2v-.1l.1-.8V14l.1-.6.3-.3.6-.5.1-.3c0-.2 0-.2.3-.4.1 0 .6-.4 1.2-.3l.9.2.8.4h.1l.2-.2c.1 0 .1-.2 0-.2l-1.9-.8Zm-6.2.2c-.2 1-1.6 1.9-2.2 1.9h-.1a1 1 0 0 1-.4-.3l-.2-.2V12l.1-.1v-.2h.1v-.4l.2-.5c0-.2 0-.4.2-.6l.2-.1H8a2.2 2.2 0 0 1 .7 0v.1h.2v.1l.3.1.1.1c.3.3.3.6.3.8ZM10 8V8c0 .4-.2.9-.7 1a5 5 0 0 1-1 .2c-.3 0-.8-.2-.9-.6 0-.2 0-.4.3-.7v-.2l.5-1 .3-.6.1-.1h.1L9 6h.3l.7.1.3.6L10 8Zm3.7 1c-.2.3-.2.5-.4.6-.3.3-.7.3-1 .3H12c-.3 0-.8-.2-1-.6V9l-.1-.5V8l.2-.7h.3V9c0 .1 0 .2.2.2 0 0 .1 0 0 0 0-.6 0-1.1.2-1.5a54.7 54.7 0 0 1 .3-.5l.1-.2V7h.1l.1-.2v-.1l-.4.1h-.3v-.3c.2-.1.8-.5 1.5-.3.5.1.7.5.9.7 0 0 .3.4.3 1 0 .3-.2.6-.5 1.1Z"
}), /*#__PURE__*/React.createElement("path", {
fill: "#fff",
d: "m9.2 6.4-.1.3A7.5 7.5 0 0 1 8.3 8V9c-.1 0-.4-.1-.4-.3l.2-.4.1-.2.5-1 .2-.6h.3ZM9 16.1l-.5.8c-.1-.3-.3-.9-.3-1.4l.2-.4.3-.1H9s.2.1.2.3c0 .2-.1.6-.3.8Z"
}), /*#__PURE__*/React.createElement("path", {
fill: "#fff",
d: "M17.2 12.7c0 .1 0 .2-.2.3l-.2.3-.2 1v1.9c0 .5-.3.8-.5 1.2-.4.5-.7 1-1.3 1.2H14c-.8 0-1.2.1-1.5.2l-.6.2-.6.2H7.9c-1-.2-1.5-.2-1.8-.4-.8-.4-1.1-1.1-1.6-2.3H4.9l.2.2.3.1h.5c0 .3.2.4.4.4h.4l.1.2c.2.2.7.3 1 .3l.5-.1c.2-.1.2-.2.1-.3v-.2l.1.1.3.1.1.2.4.2c.3 0 .5 0 .7-.3h.6l.3-.1.2-.3.3.1h.1c.3 0 .4-.3.4-.5l.4.2.3-.1.1-.4.1-.1c.2-.1.5-.3.5-.5h.1l.3-.1.2-.1c1-.1 1.2-.2 1.4-.3.3-.2.3-.5.3-.8 0-.2 0-.5.2-.8l.2-.4.5-.8h.1l.7.3Z"
}), /*#__PURE__*/React.createElement("path", {
fill: "#fff",
d: "M8 15.5v1.8h-.3l-.8-.1-.2-.3v-.1l.2-.1c0-.1 0-.2.2-.3l.4-.6.2-.4.2-.3.2-.3v.7ZM7.8 10.4l-.1.3c-.2.3-.2.6-.2.7v.4c-.2.3-.3.5-.3 1l-.2-.2V12l.3-.7v-.6l.2-.4H7.8ZM7.6 15v-.3h-.1v-.1h-.1l-.2-.1H7v.2c-.2 0-.2.2-.3.3l-.2.2v.2h.3l.5.1.2-.2.1-.2ZM7 15.8l-.5.8-.3.4-.3-.5v-.3c-.1-.2-.2-.4-.1-.6l1 .2H7ZM6.6 14.6l-.3.4-.1.2-.1.1h-.4l-.1-.1V15l.2-.2.3-.4h.4v.2ZM5.9 14.3c-.2 0-.3.3-.4.5l-.2.3h-.1L5 15l.1-.3.3-.4h.1c0-.1.1-.1.2 0h.2ZM5.6 16.4h-.4l-.1-.1v-.9l.4.1v.8l.1.1ZM5.1 14.2l-.3.5-.1.2h-.2v-.2h-.1V14.4c.2 0 .2-.2.3-.3H5ZM4.2 14.8v.2h.2a3 3 0 0 0-.1.7c-.1-.2-.2-.7-.1-.9ZM4.8 15.3V16.2h-.2l-.1-.4v-.6h.1l.2.1Z"
}), /*#__PURE__*/React.createElement("mask", {
id: ids[1],
width: "24",
height: "24",
x: "0",
y: "0",
maskUnits: "userSpaceOnUse",
style: {
maskType: 'luminance'
}
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
d: "M24 12a12 12 0 1 0-24 0 12 12 0 0 0 24 0Z"
})), /*#__PURE__*/React.createElement("g", {
strokeMiterlimit: "10",
mask: `url(#${ids[1]})`,
opacity: ".1"
}, /*#__PURE__*/React.createElement("path", {
stroke: `url(#${ids[2]})`,
strokeWidth: "1.1",
d: "M9.9 25.4H7.5l-.2-.1h-.5c-.7-.1-2-.3-3.3-1h-.3l-.1-.1c-2.7-1.5-3.7-3.8-4.2-5l-.2-.2-.5-1.6v-.2a8 8 0 0 1 1-7l.4-.7.1-.4C0 7.6.7 6.6 1 6.1l.5-1.8V4c.2-.4.6-1.5 1.5-2.6l.3-.4.4-.3a8 8 0 0 1 5-2h2.5c.7-.4 1.4-.5 2.2-.7h.7l1.7-.1c1.3 0 2.4.1 3.4.5h.2a9 9 0 0 1 4.2 3v.1l.1.1c.8.6 1.4 1.3 1.9 2.1l.1.2.2.3c1 2.2.7 4.3.6 5L26 11a8.7 8.7 0 0 1-1.6 4l-1 1.3c-.2.1-.3.3-.3.5v.3c-.4 1.7-1.1 3-1.4 3.4l-1 1.3a8.1 8.1 0 0 1-4 2.8l-.4.1-.4.1-1.4.1H14a2 2 0 0 0-.6.1c-1 .4-2.2.5-3.6.5Z",
opacity: ".8"
}), /*#__PURE__*/React.createElement("path", {
stroke: `url(#${ids[3]})`,
strokeWidth: "1.1",
d: "m9.9 24.5-2.3-.1h-.7c-.7-.2-1.7-.3-3-.9h-.1l-.2-.1C1.2 22 .4 20-.2 18.9v-.2a9 9 0 0 1-.6-1.4V17a7.7 7.7 0 0 1-.3-3.3C-1 12.8-.6 12 0 11l.5-.8.2-.5C1 8.2 1.7 7.2 2 6.8V6.4l.5-1.7V4.4c.2-.4.5-1.3 1.3-2.2l.3-.4.3-.2A6.7 6.7 0 0 1 8.8-.1h.4c.4 0 .8-.2 1.2 0 .4 0 .7 0 1-.2.5-.2 1.3-.3 2.1-.4h.2l.5-.1h1.6c1.2 0 2.2 0 3 .4h.2a8 8 0 0 1 3.7 2.7l.1.1.2.2c.7.5 1.2 1.1 1.6 1.8l.2.2V5a7 7 0 0 1 .6 4.3l-.5 1.7a7.9 7.9 0 0 1-1.4 3.6l-1.1 1.3a1 1 0 0 0-.4.6v.6a8 8 0 0 1-1.3 3l-.7 1.1a7.1 7.1 0 0 1-3.6 2.6H16l-.3.1-1.3.1H13.8l-.5.1c-1 .3-2 .5-3.4.5Z",
opacity: ".8"
}), /*#__PURE__*/React.createElement("path", {
stroke: `url(#${ids[4]})`,
d: "M9.9 23.4H7.6l-.1-.1H7c-.6-.1-1.6-.2-2.6-.7h-.2l-.1-.2a7.5 7.5 0 0 1-3.3-3.9l-.1-.3L.2 17v-.1c-.3-1.1-.4-2-.3-2.9A6 6 0 0 1 1 11.5v-.1l.2-.1.1-.2.3-.6.2-.6c.2-1.2.8-2 1-2.5H3v-.2l.2-.2v-.2l.4-1.6V5l.1-.2c.2-.4.4-1.1 1-2l.3-.2.2-.2A5.9 5.9 0 0 1 9 .9h.3c.5 0 .9 0 1.3.2l1.1-.1c.6-.3 1.3-.6 2.1-.7H14.3l1.5-.1c1 0 2 .1 2.8.4 1.9.7 2.7 1.6 3.3 2.4l.3.3.1.1c.3.3 1 .8 1.4 1.6l.1.2.1.2c.8 1.5.6 3 .5 3.7l-.5 1.5a6.6 6.6 0 0 1-1.2 3.3c-.4.5-.8 1-1.3 1.3a1 1 0 0 0-.3.4v.4l-.2.8c-.2 1.3-.8 2.2-1 2.7l-.7.9c-.8 1.1-1.9 1.9-3.1 2.3h-.6a6 6 0 0 1-1 .2h-.8a2 2 0 0 0-.6.1c-1 .3-2 .4-3.2.4Z",
opacity: ".8"
}), /*#__PURE__*/React.createElement("path", {
stroke: `url(#${ids[5]})`,
strokeWidth: ".9",
d: "M9.9 22.3H7.5l-.4-.1a7 7 0 0 1-2.3-.6l-.2-.1C3 20.5 2.3 19 1.8 18l-.1-.4-.4-1v-.1h-.1c-.5-1.8-.3-3 .7-4.5V12l.3-.3.3-.4.1-.2.1-.3.1-.4c.1-1.2.7-2 1-2.4v-.2H4l.2-.4V7l.4-1.4v-.1l.1-.2c.1-.4.3-1 .9-1.7l.1-.2.2-.1C7.1 2 8.5 2 9 2H9.2c.5 0 1 .1 1.6.4h.6c.5-.3 1.3-.8 2.4-1H14.4l1.4-.1A5.7 5.7 0 0 1 21 3.7l.4.4.2.2c.3.2.8.6 1.2 1.3v.1l.1.1c.7 1.3.5 2.5.4 3.1l-.4 1.4v.2l-.3 1.2a5.8 5.8 0 0 1-2 2.8c-.2.2-.4.3-.5.6l-.2.7v.9a6 6 0 0 1-1 2.3l-.5.6c-.7 1-1.6 1.7-2.7 2l-.3.1-1 .1h-1l-.6.2c-.8.2-1.7.3-3 .3Z",
opacity: ".8"
}), /*#__PURE__*/React.createElement("path", {
stroke: `url(#${ids[6]})`,
strokeWidth: ".9",
d: "m9.9 21.3-2.1-.1h-.1l-.5-.1c-.5 0-1.2-.1-2-.5-1.5-.8-2-2-2.4-3l-.2-.4-.3-1c-.5-1.5-.3-2.4.5-3.6l.2-.3.8-.9v-.7c0-1 .6-1.7.8-2.1l.1-.1v-.1l.4-.7.1-.4V7l.3-1.2.1-.3c.1-.3.3-.8.7-1.3l.1-.1.1-.1c1-.8 1.9-1 2.5-1h.2a4 4 0 0 1 1.5.4h.6l.6-.2c.4-.3 1.2-.7 2-.8H14.6l1.3-.1a6 6 0 0 1 2 .2c1.4.6 1.9 1.1 2.4 1.7.1.3.2.4.5.6V5l.2.1 1 1v.2c.5 1 .4 1.9.3 2.4 0 .5-.2.8-.3 1.2a1.8 1.8 0 0 0-.2.4c0 .4 0 .7-.2 1a5 5 0 0 1-.7 1.3c-.4.7-.9 1-1.5 1.4l-.4.3-.1.4v1.7c-.2 1-.6 1.6-.9 2 0 0-1.3 1.9-2.5 2.2H15l-.7.2h-.5a11 11 0 0 0-1.3 0c-.6.3-1.5.5-2.7.5Z",
opacity: ".8"
}), /*#__PURE__*/React.createElement("path", {
stroke: `url(#${ids[7]})`,
strokeWidth: ".9",
d: "M9.9 20.2h-2l-.5-.1c-.5 0-1-.1-1.6-.4h-.1c-1.1-.7-1.5-1.6-2-2.5v-.4l-.4-.8c-.3-1.2-.2-1.8.4-2.7l.2-.3L5 11.8l.1-.2v-.5l-.1-.3c0-.7.3-1.2.6-1.6v-.1l.1-.1a5.1 5.1 0 0 0 .6-1.7c0-.4.2-.7.3-1v-.4l.6-.9v-.1c.7-.6 1.4-.7 1.9-.7h.1c.5 0 1 .2 1.2.3l.2.2h.6c.3 0 .9-.3 1.2-.5.4-.2 1-.6 1.7-.6h.2l.3-.1h1.2c.7 0 1.3 0 1.7.2 1 .3 1.4.8 1.9 1.3l.6.7.3.3c.2.1.5.3.7.7.4.7.3 1.4.2 1.9l-.3.9-.1.5v.2l-.2.8c-.1.3-.3.7-.6 1-.3.6-.8 1-1.4 1.1-.3.1-.5.3-.6.5l-.1.2c-.2.1-.1.8-.1 1.2v1.2c-.2.8-.5 1.2-.8 1.6 0 0-1 1.5-1.9 1.8h-1.2l-1.2.2a6.6 6.6 0 0 1-2.8.5Z",
opacity: ".8"
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
id: ids[2],
x1: "-1.7",
x2: "25.8",
y1: "-2.7",
y2: "26.2",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/React.createElement("stop", {
offset: ".2",
stopColor: "#89D0FF"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".4",
stopColor: "#EBBF9A"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".6",
stopColor: "#EB8280"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".8",
stopColor: "#A281FF"
})), /*#__PURE__*/React.createElement("linearGradient", {
id: ids[3],
x1: "-.6",
x2: "24.7",
y1: "-1.5",
y2: "25.3",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/React.createElement("stop", {
offset: ".2",
stopColor: "#89D0FF"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".4",
stopColor: "#EBBF9A"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".6",
stopColor: "#EB80DA"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".8",
stopColor: "#A281FF"
})), /*#__PURE__*/React.createElement("linearGradient", {
id: ids[4],
x1: ".5",
x2: "23.7",
y1: "-.4",
y2: "24.2",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/React.createElement("stop", {
offset: ".2",
stopColor: "#89D0FF"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".4",
stopColor: "#EBBF9A"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".6",
stopColor: "#EB8280"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".8",
stopColor: "#A281FF"
})), /*#__PURE__*/React.createElement("linearGradient", {
id: ids[5],
x1: "1.5",
x2: "22.6",
y1: ".7",
y2: "23.1",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/React.createElement("stop", {
offset: ".2",
stopColor: "#89D0FF"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".4",
stopColor: "#EBBF9A"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".6",
stopColor: "#EB80E7"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".8",
stopColor: "#A281FF"
})), /*#__PURE__*/React.createElement("linearGradient", {
id: ids[6],
x1: "2.6",
x2: "21.5",
y1: "1.8",
y2: "22",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/React.createElement("stop", {
offset: ".2",
stopColor: "#89D0FF"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".4",
stopColor: "#EBBF9A"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".6",
stopColor: "#EB80D3"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".8",
stopColor: "#A281FF"
})), /*#__PURE__*/React.createElement("linearGradient", {
id: ids[7],
x1: "3.7",
x2: "20.4",
y1: "2.8",
y2: "21",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/React.createElement("stop", {
offset: ".2",
stopColor: "#89D0FF"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".4",
stopColor: "#EBBF9A"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".6",
stopColor: "#A280EB"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".8",
stopColor: "#A281FF"
})), /*#__PURE__*/React.createElement("radialGradient", {
id: ids[0],
cx: "0",
cy: "0",
r: "1",
gradientTransform: "matrix(0 13.5 -13.5 0 12 13.3)",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/React.createElement("stop", {
offset: ".2",
stopColor: "#073183"
}), /*#__PURE__*/React.createElement("stop", {
offset: "1",
stopColor: "#0054F9"
}))));
});
export default ApeCoin;