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

Icon thẻ tín dụng miễn phí (SVG)

48 icon thẻ tín dụng miễn phí từ các bộ icon mã nguồn mở — nhấn vào một icon để đổi kích thước, màu và độ nét, rồi sao chép dưới dạng SVG, JSX, data URI hoặc CSS.

Cập nhật

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

Sử dụng icon thẻ tín dụng

Icon thẻ tín dụng thường dùng để đánh dấu bước thanh toán, phương thức thanh toán và cài đặt hóa đơn.

Tất cả icon ở đây đều tuân theo currentColor, nên chúng lấy màu chữ của phần tử chứa nó — một SVG dùng được trên cả nền sáng lẫn nền tối, trong liên kết và trong nút bấm. Hãy đặt rõ width và height (hoặc chỉnh kích thước bằng CSS với 1em) để bố cục không bị xê dịch khi trang đang tải.

Icon hỗ trợ truy cập

Nếu icon chỉ mang tính trang trí hoặc đứng cạnh chữ hiển thị, hãy thêm aria-hidden="true". Nếu nó là nội dung duy nhất của nút hoặc liên kết, hãy đặt cho phần tử đó một aria-label như “Thẻ tín dụng”.

Giấy phép

Các icon thẻ tín dụng này đến từ Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons — các bộ icon mã nguồn mở theo giấy phép MIT, ISC hoặc Apache 2.0, cho phép sử dụng cá nhân và thương mại. Cần icon khác? Tìm trong hơn 70.000 icon tại SVG Icon Finder.

Câu hỏi thường gặp

Các icon thẻ tín dụng này có miễn phí cho mục đích thương mại không?
Có. Chúng đến từ các bộ icon mã nguồn mở theo giấy phép MIT, ISC hoặc Apache 2.0, đều cho phép dùng thương mại. Hãy giữ lại thông báo giấy phép nếu bạn phân phối lại chính các file icon.
Làm sao để đổi màu icon thẻ tín dụng?
Các SVG dùng currentColor, nên bạn chỉ cần đặt màu CSS cho phần tử cha — hoặc mở icon trong công cụ tìm kiếm và chọn một màu cố định trước khi sao chép.
Mình có thể dùng các icon này trong Webflow hoặc React không?
Được. Mở một icon rồi dùng Copy to Webflow (dán vào Code Embed) hoặc Copy JSX để lấy component React.