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

Semrush Icon Component

function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
import React from 'react';
import { createBaseComponent } from '@semcore/core';
import Icon from '../../../lib/esm/index.mjs';
function RootAmericanExpress({
  width = '21',
  height = '16',
  viewBox = '0 0 21 16',
  ...props
}, ref) {
  return /*#__PURE__*/React.createElement(Icon, _extends({
    ref: ref,
    "data-name": "AmericanExpress",
    "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: "#006FCE",
    shapeRendering: "geometricPrecision"
  }), /*#__PURE__*/React.createElement("path", {
    fillRule: "evenodd",
    clipRule: "evenodd",
    d: "M3.06 8.23h1.28L3.7 6.7l-.64 1.53ZM21 5.33h-3.3l-.8.84-.73-.84h-7L8.53 6.7l-.64-1.37H5.07v.61l-.32-.6H2.33L0 10.66h2.82l.32-.84h.8l.32.84H7.4v-.61l.24.6h1.61l.24-.68v.69h6.44l.8-.84.73.84h3.3L18.66 8 21 5.33ZM11.26 9.9h-.88V6.93L9 9.9h-.8L6.84 6.93V9.9H4.99l-.32-.83H2.74l-.33.83H1.37l1.69-3.8h1.37l1.52 3.58V6.1h1.53L8.7 8.69l1.13-2.6h1.52V9.9h-.08Zm7.97 0h-1.2l-1.05-1.29-1.21 1.3h-3.62V6.1h3.7l1.13 1.21 1.2-1.21h1.13L17.54 8l1.69 1.9Zm-6.2-3.04v.68h2.02v.76h-2.02v.77h2.26l1.04-1.15-.96-1.06h-2.34Z",
    fill: "#fff",
    shapeRendering: "geometricPrecision"
  }));
}
RootAmericanExpress.displayName = 'AmericanExpress';
const AmericanExpress = createBaseComponent(RootAmericanExpress);
export { AmericanExpress as default };