Credit Card X

credit card x payment cancel decline invalid

Usage:

React Code:

npm install @mynaui/icons-react

import { CreditCardX } from "@mynaui/icons-react";

const App = () => {
  return <CreditCardX />;
};

SVG HTML:

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"><path d="M3 9v-.8c0-1.12 0-1.68.218-2.108.192-.377.497-.682.874-.874C4.52 5 5.08 5 6.2 5h6.3M3 9h9.5M3 9v6.8c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.427.218.987.218 2.105.218h11.606c1.118 0 1.677 0 2.104-.218.377-.192.683-.498.875-.874.218-.428.218-.986.218-2.104V11M6 15h4m6.5-10 4 4m0-4-4 4"/></svg>

SVG CDN:

<img src="https://unpkg.com/@mynaui/icons/icons/credit-card-x.svg" />

SVG Sprite:

npm install @mynaui/icons

<svg
        width="24"
        height="24"
        fill="none"
        viewBox="0 0 24 24"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke="currentColor"
      >
        <use xlink:href="/path/to/mynaui.symbol.svg#mynaui-credit-card-x"></use></svg
      >