Ikona Mastercard
Wysokiej jakości przezroczysty plik PNG Mastercard do sieci i druku.
Zoptymalizowany wektorowy kod SVG Mastercard dla programistów.
Gotowy do użycia komponent ikony React Mastercard.
Use Mastercard in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Jak używać ikony Mastercard
Skopiuj ikonę Mastercard jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG Mastercard bezpośrednio do HTML lub JSX.
Komponent React
Użyj Mastercard jako typowanego komponentu ikony React.
import React from 'react';
export const MastercardIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony Mastercard z przypisaniem autorstwa.
Maska CSS
Użyj Mastercard jako ikony maski CSS, której można zmieniać kolor.
.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;
}Szczegóły ikony Mastercard
Kolor marki
Kategoria
Płatność
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
850 B · 1 ścieżka
Licencja
Sprawdź wytyczne marki
Źródło
mastercard.comWytyczne marki
mastercard.comO ikonie Mastercard
icons.aboutParagraph1
Przed użyciem logo Mastercard w projektach komercyjnych, dokumentacji, makietach UI lub na stronach marketingowych, skorzystaj z linków do źródła i wytycznych marki na tej stronie, aby zweryfikować aktualne zasady użytkowania znaków towarowych.
Ikona Mastercard - Najczęściej Zadawane Pytania
Design a UI with the Mastercard icon
Generate a complete page that already uses this icon, color, and brand context.