Ikon Mastercard
PNG transparan Mastercard berkualitas tinggi untuk web & cetak.
Kode vektor SVG Mastercard yang dioptimalkan untuk pengembang.
Komponen ikon React Mastercard yang siap digunakan.
Use Mastercard in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Cara menggunakan Ikon Mastercard
Salin ikon Mastercard sebagai SVG inline, kode React, sematan HTML, atau CSS mask.
SVG Inline
Tempelkan SVG Mastercard langsung ke dalam HTML atau JSX.
Komponen React
Gunakan Mastercard sebagai komponen ikon React yang bertipe.
import React from 'react';
export const MastercardIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Sematkan HTML
Gunakan URL ikon Mastercard yang di-host dengan atribusi.
CSS Mask
Gunakan Mastercard sebagai ikon CSS mask yang warnanya bisa diubah.
.mastercard-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #eb001b;
mask: url("https://www.aiuidesigner.com/icons/mastercard.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/mastercard.svg") center / contain no-repeat;
}Detail Ikon Mastercard
Warna merek
Kategori
Pembayaran
Format
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
File SVG
850 B · 1 path
Lisensi
Periksa panduan merek
Sumber
mastercard.comPanduan merek
mastercard.comTentang Ikon Mastercard
icons.aboutParagraph1
Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo Mastercard dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.
Mastercard Ikon Pertanyaan yang Sering Diajukan
Design a UI with the Mastercard icon
Generate a complete page that already uses this icon, color, and brand context.