@semcore/icon
Version:
Semrush Icon Component
62 lines • 1.89 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 React from 'react';
import { createBaseComponent } from '@semcore/core';
import Icon from '@semcore/icon';
function CreditCard({
width = '21',
height = '16',
viewBox = '0 0 21 16',
...props
}, ref) {
return /*#__PURE__*/React.createElement(Icon, _extends({
ref: ref,
"data-name": "CreditCard",
"data-group": "m",
width: width,
height: height,
viewBox: viewBox
}, props), /*#__PURE__*/React.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.createElement("rect", {
x: "2.63",
y: "4",
width: "7.88",
height: "2",
rx: "1",
fill: "#F4F5F9"
}), /*#__PURE__*/React.createElement("rect", {
x: "2.63",
y: "10.67",
width: "2.63",
height: "1.33",
rx: ".67",
fill: "#E0E1E9"
}), /*#__PURE__*/React.createElement("rect", {
x: "6.56",
y: "10.67",
width: "2.63",
height: "1.33",
rx: ".67",
fill: "#E0E1E9"
}), /*#__PURE__*/React.createElement("rect", {
x: "10.5",
y: "10.67",
width: "2.63",
height: "1.33",
rx: ".67",
fill: "#E0E1E9"
}), /*#__PURE__*/React.createElement("rect", {
x: "14.44",
y: "10.67",
width: "2.63",
height: "1.33",
rx: ".67",
fill: "#E0E1E9"
}));
}
CreditCard.displayName = 'CreditCard';
export default createBaseComponent(CreditCard);