devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Ikon Kartu Kredit Gratis (SVG)

48 ikon kartu kredit gratis dari set open-source. Klik salah satu untuk mengubah ukuran, warna, dan stroke-nya, lalu salin sebagai SVG, JSX, data URI, atau CSS.

Diperbarui

credit-card
Lucidecredit-card
Tablercredit-card
Heroiconscredit-card
Phosphorcredit-card
Bootstrap Iconscredit-card
Iconoircredit-card-clock-20-filled
Fluent UIcredit-card
Material Symbolscredit-card
Material Design Iconscredit-card-x
Lucidecredit-card-filled
Tablercredit-card-16-solid
Heroiconscredit-card-bold
Phosphorcredit-card-fill
Bootstrap Iconscredit-card-solid
Iconoircredit-card-clock-20-regular
Fluent UIcredit-card-outline
Material Symbolscredit-card-outline
Material Design Iconscredit-card-plus
Lucidecredit-card-off
Tablercredit-card-20-solid
Heroiconscredit-card-duotone
Phosphorcredit-card-2-back
Bootstrap Iconscredit-card-slash
Iconoircredit-card-clock-24-filled
Fluent UIcredit-card-outline-sharp
Material Symbolscredit-card-off
Material Design Iconscredit-card-check
Lucidecredit-card-pay
Tablercredit-card-solid
Heroiconscredit-card-fill
Phosphorcredit-card-clock-24-regular
Fluent UIcredit-card-sharp
Material Symbolscredit-card-off-outline
Material Design Iconscredit-card-minus
Lucidecredit-card-hand
Tablercredit-card-light
Phosphorcredit-card-clock-28-filled
Fluent UIcredit-card-off
Material Symbolscredit-card-chip
Material Design Iconscredit-card-reader
Lucidecredit-card-refund
Tablercredit-card-thin
Phosphorcredit-card-clock-28-regular
Fluent UIcredit-card-off-outline
Material Symbolscredit-card-chip-outline
Material Design Iconscredit-card-clock-32-filled
Fluent UIcredit-card-off-outline-rounded
Material Symbols

Menggunakan ikon kartu kredit

Ikon kartu kredit dipakai untuk menandai checkout, metode pembayaran, dan pengaturan penagihan.

Semua ikon di sini mengikuti currentColor, sehingga ikon mengambil warna teks dari elemen tempatnya berada. Satu SVG bisa dipakai di latar terang maupun gelap, di tautan maupun tombol. Atur width dan height secara eksplisit (atau atur ukurannya di CSS dengan 1em) agar tata letak tidak bergeser saat halaman dimuat.

Ikon yang ramah aksesibilitas

Jika ikon bersifat dekoratif atau berada di samping teks yang terlihat, tambahkan aria-hidden="true". Jika ikon adalah satu-satunya konten sebuah tombol atau tautan, beri elemen tersebut aria-label seperti “Kartu Kredit”.

Lisensi

Ikon kartu kredit ini berasal dari Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, dan Material Design Icons. Semuanya adalah set open-source di bawah lisensi MIT, ISC, atau Apache 2.0, yang mengizinkan penggunaan pribadi maupun komersial. Butuh yang lain? Cari semua 70.000+ ikon di SVG Icon Finder.

Pertanyaan yang sering diajukan

Apakah ikon kartu kredit ini gratis untuk penggunaan komersial?
Ya. Ikon berasal dari set ikon open-source di bawah lisensi MIT, ISC, atau Apache 2.0, yang mengizinkan penggunaan komersial. Sertakan pemberitahuan lisensi jika kamu mendistribusikan ulang file ikonnya.
Bagaimana cara mengubah warna ikon kartu kredit?
SVG-nya menggunakan currentColor, jadi atur properti color CSS pada elemen induknya. Atau buka ikon di finder dan pilih warna tetap sebelum menyalin.
Bisakah saya memakai ikon ini di Webflow atau React?
Bisa. Buka ikon lalu gunakan Salin ke Webflow (ditempel sebagai Code Embed) atau Salin JSX untuk komponen React.