Ikona Material Design
Wysokiej jakości przezroczysty plik PNG Material Design do sieci i druku.
Zoptymalizowany wektorowy kod SVG Material Design dla programistów.
Gotowy do użycia komponent ikony React Material Design.
Jak używać ikony Material Design
Skopiuj ikonę Material Design jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG Material Design bezpośrednio do HTML lub JSX.
Komponent React
Użyj Material Design jako typowanego komponentu ikony React.
import React from 'react';
export const MaterialDesignIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony Material Design z przypisaniem autorstwa.
Maska CSS
Użyj Material Design jako ikony maski CSS, której można zmieniać kolor.
.materialdesign-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #6750a4;
mask: url("https://www.aiuidesigner.com/icons/materialdesign.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/materialdesign.svg") center / contain no-repeat;
}Szczegóły ikony Material Design
Kolor marki
Kategoria
Programowanie
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
Nieznane
Plik SVG
Nieznane · 0 ścieżek
Licencja
Sprawdź wytyczne marki
O ikonie Material Design
icons.aboutParagraph1
Przed użyciem logo Material Design 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 Material Design - Najczęściej Zadawane Pytania
Wypróbuj generator ikon AI
Potrzebujesz zupełnie unikalnej ikony? Użyj naszego generatora SVG opartego na sztucznej inteligencji, aby stworzyć niestandardowe, profesjonalne ikony w kilka sekund.
Wypróbuj generator ikon AI