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