Card payment

import { Illustration } from '@ba-icons/react';
import cardPayment from '@ba-icons/illustrations/payments/card-payment';

<Illustration asset={cardPayment} size={160} />

<script setup>
import { Illustration } from '@ba-icons/vue';
import cardPayment from '@ba-icons/illustrations/payments/card-payment';
</script>

<template>
  <Illustration :asset="cardPayment" :size="160" />
</template>

---
import { Illustration } from '@ba-icons/astro';
import cardPayment from '@ba-icons/illustrations/payments/card-payment';
---

<Illustration asset={cardPayment} size={160} />

<script src="https://icons.atmosphere.africa/cdn/ba-icons-0.3.0.js" defer></script>

<ba-illustration name="payments/card-payment" size="160"></ba-illustration>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 982.2 603.8" fill="currentColor"><path d="M347.3 18.9Q419.3 18.9 511.3 18.9L921.3 20.9L942.3 38.9L963.3 57.9V299.9Q963.3 541.9 956.3 553.9Q943.3 577.9 884.8 581.4Q826.3 584.9 489.3 584.9Q488.3 584.9 488.3 584.9H66.3L44.3 566.9L21.3 548.9L19.3 309.9Q18.3 138.9 19.8 101.9Q21.3 64.9 31.3 50.9Q45.3 30.9 72.3 23.9Q94.3 18.9 347.3 18.9ZM156.3 206.9V228.9V250.9H214.3Q233.3 250.9 244.3 250.4Q255.3 249.9 261.8 248.9Q268.3 247.9 270.8 246.4Q273.3 244.9 273.3 241.9Q273.3 206.9 201.3 206.9ZM130.3 208.9Q121.3 208.9 105.8 220.4Q90.3 231.9 88.3 240.9Q87.3 246.9 92.3 248.9Q97.3 250.9 114.3 250.9Q134.3 250.9 138.3 248.4Q142.3 245.9 142.3 231.9Q142.3 213.9 134.3 209.9Q133.3 208.9 130.3 208.9ZM180.3 263.9Q163.3 263.9 159.8 266.4Q156.3 268.9 156.3 282.4Q156.3 295.9 159.8 298.4Q163.3 300.9 180.3 300.9Q197.3 300.9 200.8 298.4Q204.3 295.9 204.3 282.9Q204.3 272.9 202.8 269.4Q201.3 265.9 196.8 264.9Q192.3 263.9 180.3 263.9ZM260.3 263.9Q256.3 263.9 247.3 264.9Q230.3 265.9 225.8 269.4Q221.3 272.9 219.3 283.9Q218.3 295.9 221.8 298.4Q225.3 300.9 245.3 300.9Q265.3 300.9 269.3 298.4Q273.3 295.9 273.3 281.9Q273.3 270.9 271.3 267.4Q269.3 263.9 260.3 263.9ZM88.3 283.9Q86.3 295.9 90.3 298.4Q94.3 300.9 114.8 300.9Q135.3 300.9 138.8 298.4Q142.3 295.9 141.3 283.9Q139.3 272.9 134.8 269.9Q130.3 266.9 114.3 266.9Q98.3 266.9 93.8 269.9Q89.3 272.9 88.3 283.9ZM114.3 319.9Q87.3 319.9 87.3 327.9Q87.3 333.9 93.3 341.4Q99.3 348.9 108.8 353.4Q118.3 357.9 126.3 357.9Q136.3 357.9 139.3 354.4Q142.3 350.9 142.3 338.9Q142.3 325.9 138.3 322.9Q134.3 319.9 114.3 319.9ZM180.3 319.9Q168.3 319.9 163.8 321.4Q159.3 322.9 157.8 326.4Q156.3 329.9 156.3 338.9Q156.3 352.9 162.8 357.9Q169.3 362.9 189.3 363.9Q195.3 363.9 198.8 362.4Q202.3 360.9 203.3 356.4Q204.3 351.9 204.3 342.9Q204.3 326.9 200.8 323.4Q197.3 319.9 180.3 319.9ZM245.3 319.9Q231.3 319.9 226.3 321.4Q221.3 322.9 219.8 326.4Q218.3 329.9 218.3 338.9Q218.3 350.9 221.3 354.4Q224.3 357.9 233.3 357.9Q248.3 357.9 260.3 347.9Q276.3 334.9 272.3 327.4Q268.3 319.9 245.3 319.9Z"></path></svg>