import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgCreditCard = (
    props: SVGProps<SVGSVGElement>,
    ref: Ref<SVGSVGElement>
) => (
    <svg
        viewBox="0 0 16 16"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        preserveAspectRatio="xMidYMid meet"
        focusable="false"
        ref={ref}
        {...props}
    >
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M14.667 2C15.402 2 16 2.598 16 3.333v9.334c0 .735-.598 1.333-1.333 1.333H1.333A1.335 1.335 0 0 1 0 12.667V3.333C0 2.598.598 2 1.333 2zm-.001 4.355H1.333v6.312h13.334zm-7.32 3.667a.666.666 0 0 1 .077 1.329l-.078.004H3.351a.666.666 0 0 1-.078-1.328l.078-.005zm7.32-6.689H1.334v1.688h13.333z"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgCreditCard), 'CreditCard')
