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