UNPKG

@unstoppabledomains/ui-kit

Version:

A set of common Unstoppable Domains components

105 lines 3.85 kB
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 })); });