box-ui-elements-mlh
Version:
43 lines (38 loc) • 4.72 kB
Flow
// @flow
import * as React from 'react';
import AccessibleSVG from '../accessible-svg';
type Props = {
className?: string,
color?: string,
height?: number,
opacity?: number,
/** A text-only string describing the icon if it's not purely decorative for accessibility */
title?: string | React.Element<any>,
width?: number,
};
const IconCreditCardAmex = ({
className = '',
color = '#979797',
height = 16,
opacity = 1,
title,
width = 25,
}: Props) => (
<AccessibleSVG
className={`icon-credit-card-amex ${className}`}
height={height}
opacity={opacity}
title={title}
viewBox="0 0 25 16"
width={width}
>
<g fill="none" fillRule="evenodd">
<rect height="15" rx="2" stroke={color} width="24" x=".5" y=".5" />
<path
d="M11.91074 5.89077h.603096c.175092 0 .319057-.110033.319057-.246472 0-.13644-.143965-.24647-.319057-.24647h-.603095v.49294m.957172 1.514034v-.506145s-.023778-.396113-.389094-.396113h-.568077v.902258h-.58364V4.803658h1.416302s.739278-.10123.739278.761418c0 .448928-.32684.607374-.32684.607374s.283607.149642.283607.589768v.642584h-.571535M16.662007 6.212805h.567645l-.279716-.774622-.28793.774622M19.75487 7.42315l-.926043-1.738497V7.42315h-1.143504l-.20665-.545755h-1.066118l-.20233.545756h-.9148s-.785538-.127636-.785538-1.22795c0-1.443614.891457-1.386397.922152-1.3952l.719822.022006v.585368l-.59099.008803s-.385635 0-.432326.567762c-.00562.06504-.008214.12519-.007782.18094.00216.879274.67486.606396.69691.598082l.723282-1.940956h.817096l.87503 2.359076V4.822006h.82531l.91437 1.71209v-1.71209h.58753V7.42315h-.805423M4.171668 6.190798h.568077l-.284038-.77462-.28404.77462M8.28828 7.401145V5.60543l-.731497 1.795715h-.478585L6.34281 5.614233v1.786912H5.191095l-.20233-.545757H3.92265l-.20622.545757h-.638113L4.047158 4.8h.820988l.887133 2.389884V4.8h.92215l.642006 1.615263L7.95755 4.8h.922152v2.601145H8.28828M9.20265 7.401145V4.8h1.820958v.607374H9.79018v.400515h1.2023v.589767h-1.2023v.440126h1.233428v.563362h-1.82096M13.72435 4.8h.5871v2.609458h-.5871M14.163593 9.89077h.603528c.17466 0 .318625-.110033.318625-.246472 0-.13644-.143964-.24647-.318624-.24647h-.603527v.49294m.95717 1.514034v-.506145s-.023777-.396113-.389093-.396113h-.568077v.902258h-.58364V8.803658h1.4163s.73928-.10123.73928.761418c0 .448928-.32684.607374-.32684.607374s.28058.149642.28058.58928v.643072h-.56851M11.805686 9.89393h.603095c.175093 0 .319058-.109543.319058-.246472 0-.13595-.143965-.24647-.319057-.24647h-.603094v.49294m-3.91039.95165H9.12483l.57586-.717404-.57586-.713493H7.895296v.400026h1.198408v.590258H7.895295v.440615m2.603036-.717406l.723715.90617V9.225427l-.723714.902747m.731497 1.280277h-.509712l-.61866-.77022-.62255.77022H7.307764V8.802907h2.124452l.66924.827436.673133-.823035h.447457v-.0044h1.4163s.73928-.092428.73928.76533c0 .766307-.24513 1.003975-.99997 1.003975h-.57197v.83624h-.575858M19.101192 11.39725h-1.03888v-.59906h.91048s.326838.044013.326838-.20588c0-.234246-.493717-.216152-.493717-.216152s-.805856.079223-.805856-.774622c0-.849443.727605-.80103.727605-.80103h1.121022v.607375h-.902697s-.311707-.070908-.311707.185343c0 .214684.424112.184364.424112.184364s.891024-.074822.891024.708603c0 .84015-.57413.914483-.777755.914483-.043664 0-.070468-.003423-.070468-.003423M15.977202 11.396743V8.8h1.820526v.602973H16.5643v.400025h1.2023v.590258h-1.2023v.440615h1.233428v.562873h-1.820526M21.159498 11.39725h-1.03888v-.59906h.906588s.33073.044013.33073-.20588c0-.234246-.49415-.216152-.49415-.216152s-.805424.079223-.805424-.774622c0-.849443.727606-.80103.727606-.80103h1.11713v.607375h-.899238s-.311275-.070908-.311275.185343c0 .214684.424112.184364.424112.184364s.891025-.074822.891025.708603c0 .84015-.57413.914483-.777755.914483-.044098 0-.07047-.003423-.07047-.003423M22.80674 10.863713h.130338c.042697 0 .0809-.01101.0809-.067317 0-.05856-.04045-.063063-.069664-.063063h-.141573v.13038m.21798.266016c-.011237-.03804-.013484-.10811-.013484-.123875 0-.034034-.004495-.06982-.067416-.06982h-.13708v.193694h-.080898v-.46847h.217978c.074157 0 .157303.024525.157303.13063 0 .05856-.02472.085587-.051685.105857.022472.011262.04045.031532.042696.083334l.002248.081082c.002247.024524.004494.02953.022472.04054v.027027h-.092135M22.474156 10.9c0 .234234.182022.425675.426966.425675.242697 0 .42472-.19144.42472-.425675 0-.236487-.179776-.425676-.42472-.425676-.24719 0-.426966.18919-.426966.425676M22.4 10.9c0-.277027.222472-.5.501123-.5.276405 0 .498877.222973.498877.5s-.222472.5-.498877.5c-.27865 0-.501123-.222973-.501123-.5"
fill={color}
/>
</g>
</AccessibleSVG>
);
export default IconCreditCardAmex;