@semcore/icon
Version:
Semrush Icon Component
74 lines (73 loc) • 2.47 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _core = require("@semcore/core");
var _icon = _interopRequireDefault(require("@semcore/icon"));
var _excluded = ["width", "height", "viewBox"];
function CreditCard(_ref, ref) {
var _ref$width = _ref.width,
width = _ref$width === void 0 ? '21' : _ref$width,
_ref$height = _ref.height,
height = _ref$height === void 0 ? '16' : _ref$height,
_ref$viewBox = _ref.viewBox,
viewBox = _ref$viewBox === void 0 ? '0 0 21 16' : _ref$viewBox,
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
ref: ref,
"data-name": "CreditCard",
"data-group": "m",
width: width,
height: height,
viewBox: viewBox
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M21 14.55c0 .8-.6 1.45-1.31 1.45H1.3C.6 16 0 15.35 0 14.55V1.45C0 .65.6 0 1.31 0H19.7C20.4 0 21 .65 21 1.45v13.1Z",
fill: "#8A8E9B",
shapeRendering: "geometricPrecision"
}), /*#__PURE__*/_react["default"].createElement("rect", {
x: "2.63",
y: "4",
width: "7.88",
height: "2",
rx: "1",
fill: "#F4F5F9"
}), /*#__PURE__*/_react["default"].createElement("rect", {
x: "2.63",
y: "10.67",
width: "2.63",
height: "1.33",
rx: ".67",
fill: "#E0E1E9"
}), /*#__PURE__*/_react["default"].createElement("rect", {
x: "6.56",
y: "10.67",
width: "2.63",
height: "1.33",
rx: ".67",
fill: "#E0E1E9"
}), /*#__PURE__*/_react["default"].createElement("rect", {
x: "10.5",
y: "10.67",
width: "2.63",
height: "1.33",
rx: ".67",
fill: "#E0E1E9"
}), /*#__PURE__*/_react["default"].createElement("rect", {
x: "14.44",
y: "10.67",
width: "2.63",
height: "1.33",
rx: ".67",
fill: "#E0E1E9"
}));
}
CreditCard.displayName = 'CreditCard';
var _default = (0, _core.createBaseComponent)(CreditCard);
exports["default"] = _default;