import * as React from "react";
import type { SVGProps } from "react";
interface SVGRProps {
  title?: string;
  titleId?: string;
}
const CreditCardDist = ({
  title,
  titleId,
  ...props
}: SVGProps<SVGSVGElement> & SVGRProps) => <svg viewBox="0 0 24 24" fill="none" aria-label="creditcard" role="img" aria-labelledby={titleId} {...props}>{title === undefined ? <title id={titleId}>{"creditcard"}</title> : title ? <title id={titleId}>{title}</title> : null}<path d="M3 17.5c0 .844.656 1.5 1.5 1.5h15a1.5 1.5 0 0 0 1.5-1.5V12H3v5.5zm6-2.125A.38.38 0 0 1 9.375 15h4.25c.188 0 .375.188.375.375v1.25a.38.38 0 0 1-.375.375h-4.25A.361.361 0 0 1 9 16.625v-1.25zm-4 0A.38.38 0 0 1 5.375 15h2.25c.188 0 .375.188.375.375v1.25a.38.38 0 0 1-.375.375h-2.25A.361.361 0 0 1 5 16.625v-1.25zM21 6.5c0-.813-.688-1.5-1.5-1.5h-15A1.5 1.5 0 0 0 3 6.5V8h18V6.5z" fill="currentColor" /></svg>;
export default CreditCardDist;