Ikona Google
Wysokiej jakości przezroczysty plik PNG Google do sieci i druku.
Zoptymalizowany wektorowy kod SVG Google dla programistów.
Gotowy do użycia komponent ikony React Google.
Use Google in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Jak używać ikony Google
Skopiuj ikonę Google jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG Google bezpośrednio do HTML lub JSX.
Komponent React
Użyj Google jako typowanego komponentu ikony React.
import React from 'react';
export const GoogleIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony Google z przypisaniem autorstwa.
Maska CSS
Użyj Google jako ikony maski CSS, której można zmieniać kolor.
.google-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #4285f4;
mask: url("https://www.aiuidesigner.com/icons/google.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/google.svg") center / contain no-repeat;
}Szczegóły ikony Google
Kolor marki
Kategoria
Marki
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
457 B · 1 ścieżka
Licencja
Sprawdź wytyczne marki
Wytyczne marki
about.googleO ikonie Google
icons.aboutParagraph1
Przed użyciem logo Google 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 Google - Najczęściej Zadawane Pytania
Design a UI with the Google icon
Generate a complete page that already uses this icon, color, and brand context.