Google Chat Icoon
Hoge kwaliteit Google Chat transparante PNG voor web & print.
Geoptimaliseerde Google Chat SVG-vectorcode voor ontwikkelaars.
Klaar voor gebruik Google Chat React-icooncomponent.
Use Google Chat in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Hoe gebruik je het Google Chat Icoon
Kopieer het Google Chat icoon als inline SVG, React-code, HTML-embed of CSS-masker.
Inline SVG
Plak de Google Chat SVG direct in HTML of JSX.
React Component
Gebruik Google Chat als een getypeerd React-icooncomponent.
import React from 'react';
export const GoogleChatIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Gebruik een gehoste Google Chat icoon-URL met bronvermelding.
CSS-masker
Gebruik Google Chat als een kleurbaar CSS-masker icoon.
.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;
}Google Chat Icoon Details
Merkkleur
Categorie
Productiviteit
Formaten
SVG, PNG, React, HTML, CSS-masker
SVG viewBox
0 0 24 24
SVG-bestand
324 B · 1 pad
Licentie
Raadpleeg de merkrichtlijnen
Over het Google Chat Icoon
Het Google Chat icoon is hier beschikbaar als merkicoon in SVG-formaat. Het is gecategoriseerd onder Productiviteit en gebruikt de merkkleur #34A853. Je kunt het downloaden als een transparante PNG, de inline SVG kopiëren, een React-component kopiëren of het embedden met HTML.
Gebruik de links naar de bron en merkrichtlijnen op deze pagina om de huidige regels voor handelsmerkgebruik te controleren voordat je het Google Chat logo gebruikt in commerciële projecten, documentatie, UI-mockups of marketingpagina's.
Google Chat Icoon Veelgestelde Vragen
Design a UI with the Google Chat icon
Generate a complete page that already uses this icon, color, and brand context.