@unstoppabledomains/ui-kit
Version:
A set of common Unstoppable Domains components
105 lines • 3.85 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';
const Ethereum = /*#__PURE__*/React.forwardRef(({
invert,
iconRef,
...props
}, ref) => {
const color = '#5F80E9';
const pathProps = {
fillRule: 'evenodd',
clipRule: 'evenodd',
fill: invert ? props.fill ?? color : 'white'
};
return /*#__PURE__*/React.createElement(SvgIcon, _extends({}, props, {
ref: iconRef || ref
}), /*#__PURE__*/React.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M12 0C18.627 0 24 5.373 24 12C24 18.627 18.627 24 12 24C5.373 24 0 18.627 0 12C0 5.373 5.373 0 12 0Z",
fill: invert ? 'transparent' : props.fill ?? color
}), /*#__PURE__*/React.createElement("path", _extends({
opacity: "0.6"
}, pathProps, {
d: "M12 21L6.75 13L12 16.429L17.25 13L12 21Z"
})), /*#__PURE__*/React.createElement("path", _extends({
opacity: "0.5"
}, pathProps, {
d: "M12 21V16.429L17.25 13L12 21Z"
})), /*#__PURE__*/React.createElement("path", _extends({
opacity: "0.6"
}, pathProps, {
d: "M12 3L17.25 12.143L12 15.57L6.75 12.142L12 3Z"
})), /*#__PURE__*/React.createElement("path", _extends({
opacity: "0.5"
}, pathProps, {
d: "M12 3L17.25 12.143L12 15.57V9.57V3Z"
})), /*#__PURE__*/React.createElement("path", _extends({
opacity: "0.2"
}, pathProps, {
d: "M12 3L17.25 12.143L12 9.57V3Z"
})), /*#__PURE__*/React.createElement("path", _extends({
opacity: "0.6"
}, pathProps, {
d: "M17.25 12.1433L12 15.5703L6.75 12.1423L12 9.57031L17.25 12.1433Z"
})));
});
export default Ethereum;
export const Ethereum36x36 = /*#__PURE__*/React.forwardRef(({
iconRef,
...props
}, ref) => {
return /*#__PURE__*/React.createElement(SvgIcon, _extends({}, props, {
ref: iconRef || ref
}), /*#__PURE__*/React.createElement("circle", {
cx: "12",
cy: "12",
r: "12",
fill: props.fill ?? '#5F80E9'
}), /*#__PURE__*/React.createElement("path", {
opacity: "0.6",
d: "M12 19.3335L7.76666 12.8149L12 15.6089L16.2333 12.8149L12 19.3335Z",
fill: "white"
}), /*#__PURE__*/React.createElement("path", {
opacity: "0.5",
d: "M12.0001 19.3335V15.6089L16.2334 12.8149L12.0001 19.3335Z",
fill: "white"
}), /*#__PURE__*/React.createElement("path", {
opacity: "0.6",
d: "M12 4.66675L16.2333 12.1166L12 14.909L7.76666 12.1158L12 4.66675Z",
fill: "white"
}), /*#__PURE__*/React.createElement("path", {
opacity: "0.5",
d: "M12.0001 4.66675L16.2334 12.1166L12.0001 14.909V10.0201V4.66675Z",
fill: "white"
}), /*#__PURE__*/React.createElement("path", {
opacity: "0.2",
d: "M12.0001 4.66675L16.2334 12.1166L12.0001 10.0201V4.66675Z",
fill: "white"
}), /*#__PURE__*/React.createElement("path", {
opacity: "0.6",
d: "M16.2333 12.1166L12 14.9089L7.76666 12.1158L12 10.02L16.2333 12.1166Z",
fill: "white"
}));
});
export const Ethereum64x64 = /*#__PURE__*/React.forwardRef(({
iconRef,
...props
}, ref) => {
const fill = props.fill ?? '#5F80E9';
const style = {
fontSize: 64,
...props.sx
};
return /*#__PURE__*/React.createElement(SvgIcon, _extends({}, props, {
ref: iconRef || ref,
style: style
}), /*#__PURE__*/React.createElement("path", {
d: "M12.0004 22.5L5.90039 13.1666L12.0004 17.1672L18.1004 13.1666L12.0004 22.5Z",
fill: fill
}), /*#__PURE__*/React.createElement("path", {
d: "M12.0004 1.5L18.1004 12.1669L12.0004 16.165L5.90039 12.1657L12.0004 1.5Z",
fill: fill
}));
});