@semcore/icon
Version:
Semrush Icon Component
62 lines • 1.82 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 = '32',
height = '24',
viewBox = '0 0 32 24',
...props
}, ref) {
return /*#__PURE__*/React.createElement(Icon, _extends({
ref: ref,
"data-name": "CreditCard",
"data-group": "l",
width: width,
height: height,
viewBox: viewBox
}, props), /*#__PURE__*/React.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M32 21.82c0 1.2-.9 2.18-2 2.18H2c-1.1 0-2-.98-2-2.18V2.18C0 .98.9 0 2 0h28c1.1 0 2 .98 2 2.18v19.64Z",
fill: "#8A8E9B",
shapeRendering: "geometricPrecision"
}), /*#__PURE__*/React.createElement("rect", {
x: "4",
y: "6",
width: "12",
height: "3",
rx: "1.5",
fill: "#F4F5F9"
}), /*#__PURE__*/React.createElement("rect", {
x: "4",
y: "16",
width: "4",
height: "2",
rx: "1",
fill: "#E0E1E9"
}), /*#__PURE__*/React.createElement("rect", {
x: "10",
y: "16",
width: "4",
height: "2",
rx: "1",
fill: "#E0E1E9"
}), /*#__PURE__*/React.createElement("rect", {
x: "16",
y: "16",
width: "4",
height: "2",
rx: "1",
fill: "#E0E1E9"
}), /*#__PURE__*/React.createElement("rect", {
x: "22",
y: "16",
width: "4",
height: "2",
rx: "1",
fill: "#E0E1E9"
}));
}
CreditCard.displayName = 'CreditCard';
export default createBaseComponent(CreditCard);