npm install @mynaui/icons-react

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

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

<svg width="24" height="24" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  <path d='M17.83 4.25H6.17c-.534 0-.98 0-1.345.03-.38.03-.736.098-1.074.27a2.75 2.75 0 0 0-1.201 1.2c-.172.338-.24.694-.27 1.074-.03.365-.03.81-.03 1.345v7.66c0 .535 0 .98.03 1.345.03.38.098.736.27 1.073a2.75 2.75 0 0 0 1.201 1.203c.337.171.694.238 1.073.27.364.029.81.029 1.342.029h11.668c.533 0 .978 0 1.341-.03.38-.03.736-.098 1.073-.27a2.75 2.75 0 0 0 1.203-1.202c.171-.337.238-.693.27-1.072.029-.364.029-.809.029-1.342V8.166c0-.533 0-.978-.03-1.342-.03-.38-.098-.736-.27-1.073a2.75 2.75 0 0 0-1.202-1.201c-.337-.172-.694-.24-1.074-.27-.363-.03-.81-.03-1.343-.03M4.433 5.886c.09-.046.228-.088.515-.111.296-.024.68-.025 1.253-.025h11.6c.573 0 .957 0 1.252.025.287.023.424.065.515.111.236.12.427.312.547.546.046.09.088.228.111.515.024.295.025.679.025 1.25v.053H3.75V8.2c0-.572 0-.957.025-1.253.023-.287.065-.424.111-.515.12-.235.311-.426.546-.546M6 14.25h4a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1 0-1.5'/>
</svg>

<img loading="lazy" decoding="async" src="https://unpkg.com/@mynaui/icons/icons-solid/credit-card.svg" />

npm install @mynaui/icons

<svg width="24" height="24" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/path/to/mynaui-solid.symbol.svg#mynaui-credit-card"></use>
</svg>