Ikon Google
PNG transparan Google berkualitas tinggi untuk web & cetak.
Kode vektor SVG Google yang dioptimalkan untuk pengembang.
Komponen ikon React Google yang siap digunakan.
Use Google in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Cara menggunakan Ikon Google
Salin ikon Google sebagai SVG inline, kode React, sematan HTML, atau CSS mask.
SVG Inline
Tempelkan SVG Google langsung ke dalam HTML atau JSX.
Komponen React
Gunakan Google sebagai komponen ikon React yang bertipe.
import React from 'react';
export const GoogleIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Sematkan HTML
Gunakan URL ikon Google yang di-host dengan atribusi.
CSS Mask
Gunakan Google sebagai ikon CSS mask yang warnanya bisa diubah.
.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;
}Detail Ikon Google
Warna merek
Kategori
Merek
Format
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
File SVG
457 B · 1 path
Lisensi
Periksa panduan merek
Panduan merek
about.googleTentang Ikon Google
icons.aboutParagraph1
Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo Google dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.
Google Ikon Pertanyaan yang Sering Diajukan
Design a UI with the Google icon
Generate a complete page that already uses this icon, color, and brand context.