Ikon Credit Card Payment

streamline-freehand:credit-card-payment

Ikon Credit Card Payment (streamline-freehand:credit-card-payment) adalah ikon SVG gratis dari set Freehand free icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Freehand free icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Freehand free icons
Pembuat: Streamline
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Kategori: Uang, pembayaran, dan keuangan
Tag: creditcard, cardpayment, creditcardpayment

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M8.896 14.09a.86.86 0 0 0-.78-.49a.85.85 0 0 0-.84.74a.88.88 0 0 0 1 .84a.81.81 0 0 0 .62-1.09M8.426 18a.81.81 0 0 0 .57-1.12a.85.85 0 0 0-1.62.24a.88.88 0 0 0 1.05.88m.41 2.74a.82.82 0 0 0 .6-1.09a.88.88 0 0 0-.78-.5a.86.86 0 0 0-.84.75a.88.88 0 0 0 1.02.84m1.57-5.63a.81.81 0 0 0 .59-1.11a.86.86 0 0 0-.77-.5a.85.85 0 0 0-.84.75a.87.87 0 0 0 1.02.86m.34 2.61a.81.81 0 0 0 .6-1.09a.88.88 0 0 0-.78-.5a.86.86 0 0 0-.84.75a.88.88 0 0 0 1.02.84m.25 2.78a.81.81 0 0 0 .6-1.08a.85.85 0 0 0-.78-.5a.84.84 0 0 0-.84.75a.87.87 0 0 0 1.02.83m1.81-5.58a.81.81 0 0 0 .6-1.08a.85.85 0 0 0-1.62.25a.88.88 0 0 0 1.02.83m.4 2.66a.82.82 0 0 0 .6-1.09a.88.88 0 0 0-1.37-.272a.86.86 0 0 0-.28.532a.88.88 0 0 0 1.05.83m.28 2.8a.8.8 0 0 0 .6-1.08a.85.85 0 0 0-1.62.25a.88.88 0 0 0 1.02.83"/><path d="m14.146 22.46l-2.58.14l-1.46.1c-.47.05-.95.09-1.42.11a9.5 9.5 0 0 1-1.85 0a7 7 0 0 1-1.43-.24a.32.32 0 0 0 .11-.17a23 23 0 0 0 .55-4.25c0-1.4 0-2.81-.12-4.26c-.13-1.11-.28-2.25-.5-3.38a23.4 23.4 0 0 0-.88-3.24a20 20 0 0 1 2.22-.46c.78-.1 1.57-.15 2.36-.19s1.58-.07 2.34 0c.41 0 1-.09 1.6-.06c.235-.023.47.034.67.16q.126.13.21.29c.12.23.21.5.3.71c.18.44.34.88.48 1.33c.21.69.38 1.39.56 2.09a.35.35 0 0 0 .41.28a.35.35 0 0 0 .27-.42c-.12-.73-.24-1.46-.4-2.17q-.162-.735-.4-1.45c-.08-.25-.17-.54-.27-.81a2.1 2.1 0 0 0-.4-.62a1.9 1.9 0 0 0-1-.5a12 12 0 0 0-2 0a23 23 0 0 0-2.47.1c-.54.06-1.08.15-1.62.25s-.88.2-1.32.31a8 8 0 0 0-.06-2.17a4.3 4.3 0 0 0-.74-1.68a3.4 3.4 0 0 0-.47-.54a2.5 2.5 0 0 0-.33-.24h.23c.65-.07 1.31-.07 2-.11s1.31-.09 2-.11S9.906 1 10.516 1q.465.013.92.1c0 .29.05.59.08.89s.08.62.13.94c.08.55.22 1.09.31 1.62a.36.36 0 0 0 .71 0q.111-.771.13-1.55a4 4 0 0 0-.11-1c-.56-2.19-1-1.64-2.1-1.81c-.59-.12-1.26-.14-1.92-.19h-1.46a12 12 0 0 0-1.48.19a14 14 0 0 0-2.64.81h-.09a3 3 0 0 0-.44 0a2.37 2.37 0 0 0-1.37 1.18c-1.93 3.82.66 2.43.71 2.42c.238-.05.483-.05.72 0l.8.34c.42.11.86.11 1.28 0q.28-.09.53-.24q.13.744.14 1.5a3.92 3.92 0 0 0-2.88 2.21a8.1 8.1 0 0 0-.4 2.59v2.79c0 .94.1 1.87.22 2.8A21 21 0 0 0 3.726 22a.31.31 0 0 0 .34.18a.32.32 0 0 0 0 .36a2.26 2.26 0 0 0 1 .75a8.5 8.5 0 0 0 1.6.48a9 9 0 0 0 2.06.23a13 13 0 0 0 1.51-.13c.49-.07 1-.18 1.46-.28l2.57-.52a.31.31 0 0 0 .205-.475a.31.31 0 0 0-.325-.135M4.526 4a1.6 1.6 0 0 1-.75-.17c-.21-.08-.39-.21-.6-.29a1.5 1.5 0 0 0-.46-.09a2.3 2.3 0 0 0-1 .22c-.09 0-.15.1-.24.14c.07-.304.174-.6.31-.88a1.38 1.38 0 0 1 1-.79h.44l.51.23q.162.083.29.21c.1.1.2.21.29.32c.253.297.453.635.59 1a1.5 1.5 0 0 1-.38.1m-.22 18a.44.44 0 0 0 0-.23a20 20 0 0 1-.7-3.19c-.17-1.25-.24-2.53-.31-3.8s-.15-2.56-.18-3.78a6.8 6.8 0 0 1 .16-2.29a1.72 1.72 0 0 1 .71-1q.286 1.132.44 2.29c.18 1.34.27 2.69.33 4c.08.84.13 1.67.18 2.5s.11 1.65.11 2.48a21.6 21.6 0 0 1-.23 3.28c-.05 0-.13-.05-.18-.1a.3.3 0 0 0-.33-.16"/><path d="M12.996 10.86s.08.07.13.07a.35.35 0 0 0 .4-.3c.131-.383.199-.785.2-1.19a1.8 1.8 0 0 0-.07-.51a2 2 0 0 0-.16-.49a4.4 4.4 0 0 0-.71-.9a.33.33 0 0 0-.17-.14h-.08q-.675-.045-1.35 0c-.68 0-1.35.06-2 .09a7.4 7.4 0 0 0-1.31.11a2 2 0 0 0-.65.26a2.2 2.2 0 0 0-.79 1.81a2.05 2.05 0 0 0 .86 1.8c.26.128.542.202.83.22q.5.03 1 0c.59 0 1.19-.06 1.78-.13a18 18 0 0 0 1.77-.26a.34.34 0 0 0 .32-.44m-2.11-.24h-1.73c-.28 0-.61 0-.91-.05a1 1 0 0 1-.39-.14c-.22-.12-.23-.46-.23-.78s0-.7.24-.84a1.1 1.1 0 0 1 .44-.18q.495-.113 1-.17l1.95-.33l1-.09c.08.31.11.62.18.94q.05.264.13.52c.05.18.12.34.17.52q.056.273.08.55a.4.4 0 0 0-.24-.06q-.836.105-1.68.11zm5.84-1.84c.295.106.569.261.81.46q.227.133.43.3c.11.07.21.12.3.19c.22.15.41.34.56.56a.353.353 0 0 0 .66-.25a2.56 2.56 0 0 0-.55-1.18a1.9 1.9 0 0 0-.4-.39a1.8 1.8 0 0 0-.54-.26a2.46 2.46 0 0 0-1.29-.05a.31.31 0 0 0-.31.31a.3.3 0 0 0 .33.31m.05-2.33a5.2 5.2 0 0 1 1.85.72a8.3 8.3 0 0 1 1.32.98c.477.433.823.99 1 1.61a.34.34 0 0 0 .39.3a.36.36 0 0 0 .31-.4a4 4 0 0 0-.88-2.25a3.8 3.8 0 0 0-.77-.74a4.4 4.4 0 0 0-.89-.51a4.9 4.9 0 0 0-2.35-.33a.31.31 0 0 0-.32.3a.33.33 0 0 0 .34.32"/><path d="M22.406 6.07a6 6 0 0 0-1-1.07a5.8 5.8 0 0 0-1.25-.77a6.43 6.43 0 0 0-3.33-.54a.32.32 0 0 0-.31.32a.31.31 0 0 0 .32.3a6.3 6.3 0 0 1 2.8.93q.528.31 1 .7q.495.377.91.84a4.8 4.8 0 0 1 1.27 2.56a.36.36 0 0 0 .515.295a.35.35 0 0 0 .195-.345a5.47 5.47 0 0 0-1.12-3.22m-1 9.16c-.45-2.86-.13-4.18-3.3-4a6.3 6.3 0 0 0-1.43.23c-2.82.77-2.54.35-2.42 4.45c0 .77.11 1.53.18 2.3c.09.62.14 1.28.27 1.92q.118.677.38 1.31a.4.4 0 0 0 .19.2a.29.29 0 0 0-.31.19a.31.31 0 0 0 .21.39a6.3 6.3 0 0 0 2.07.59c.615.074 1.237.04 1.84-.1c1.2-.25 2.59-.9 2.59-1.2c0-1.13.05-2.25 0-3.38c0-.47-.05-.95-.09-1.43s-.11-1-.18-1.47m-5.86 6.37a.35.35 0 0 0 .21-.44a5.2 5.2 0 0 1-.18-1.16v-1.9c0-.61-.06-1.53-.14-2.29c-.11-1-.29-2-.43-3.07c.34 0 .72-.07 1.09-.11v2.34c0 .44 0 .87.06 1.31s.1.85.14 1.28c.12.92.23 1.84.34 2.75c.07.46.14.91.22 1.37a8 8 0 0 1-1.31-.08m3.66-.05c-.5.05-1 .05-1.54.07h-.06l-.14-4.2c-.06-.51-.11-1-.19-1.56c-.18-1.11-.41-2.2-.54-3.31h.39l1.08-.17q.521-.09 1.05-.11c.314 0 .627.04.93.12c0 1.16 0 2.31.13 3.48c.05.75.14 1.51.23 2.26c.13 1.08.29 2.14.39 3.2h-.09a9 9 0 0 1-1.64.22"/><path d="M19.626 15v-.45c0-.14 0-.29-.07-.43c-.33-1.38-.51-1.31-.65-1.3s-.38-.13-.48 1.38q-.03.225 0 .45q.015.222.06.44c.3 1.23.39 1.36.67 1.34s.38-.13.47-1.43m.42 3.68c-.37-1.14-.57-1.1-.69-1.09s-.37-.08-.44 1.22q-.015.185 0 .37q.03.18.09.35c.32 1.08.48 1.15.7 1.12s.37-.13.4-1.26a2.1 2.1 0 0 0-.06-.71"/></g></svg>

Cara memakai ikon Credit Card Payment

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-freehand:credit-card-payment" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-freehand:credit-card-payment" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-freehand:credit-card-payment" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--credit-card-payment]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:credit-card-payment"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-freehand:credit-card-payment"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand/credit-card-payment.svg" alt="Ikon Credit Card Payment" width="24" height="24">

Ikon terkait di Freehand free icons

Ikon Credit Card Payment di set ikon lain

FAQ Ikon Credit Card Payment

Apakah ikon Credit Card Payment gratis untuk penggunaan komersial?

Ya. Freehand free icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Credit Card Payment di React?

Pasang @iconify/react lalu render <Icon icon="streamline-freehand:credit-card-payment" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Credit Card Payment ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-freehand/credit-card-payment.svg" alt="Ikon Credit Card Payment">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Freehand free icons →