@semcore/icon/pay/Mastercard/m/index.mjs

Semrush Icon Component

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 Mastercard({
  width = '21',
  height = '16',
  viewBox = '0 0 21 16',
  ...props
}, ref) {
  return /*#__PURE__*/React.createElement(Icon, _extends({
    ref: ref,
    "data-name": "Mastercard",
    "data-group": "m",
    width: width,
    height: height,
    viewBox: viewBox
  }, props), /*#__PURE__*/React.createElement("path", {
    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: "#1D2832",
    shapeRendering: "geometricPrecision"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M10.5 5a3.8 3.8 0 0 0-2.63-1 3.98 3.98 0 0 0-3.93 4c0 2.2 1.77 4 3.94 4 .98 0 1.9-.4 2.62-1V5Z",
    fill: "#ED0006",
    shapeRendering: "geometricPrecision"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M13.13 4c-.99 0-1.9.4-2.63 1v5.93c.72.67 1.64 1 2.63 1 2.16 0 3.93-1.8 3.93-4S15.3 4 13.13 4Z",
    fill: "#F9A001",
    shapeRendering: "geometricPrecision"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M9.19 8c0 1.2.52 2.27 1.31 3a4.1 4.1 0 0 0 0-6 4.1 4.1 0 0 0-1.31 3Z",
    fill: "#FF5E00",
    shapeRendering: "geometricPrecision"
  }));
}
Mastercard.displayName = 'Mastercard';
export default createBaseComponent(Mastercard);