AI UI Designer Logo
AI UI Designer

Ikona Google Drive

Produktywność#4285F4

Wysokiej jakości przezroczysty plik PNG Google Drive do sieci i druku.

Zoptymalizowany wektorowy kod SVG Google Drive dla programistów.

Gotowy do użycia komponent ikony React Google Drive.

Use Google Drive in a generated UI

Turn this icon into a login page, dashboard, landing page, or integration screen.

Jak używać ikony Google Drive

Skopiuj ikonę Google Drive jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.

Wbudowany SVG

Wklej SVG Google Drive bezpośrednio do HTML lub JSX.

Komponent React

Użyj Google Drive jako typowanego komponentu ikony React.

import React from 'react';

export const GoogleDriveIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

Osadzanie HTML

Użyj hostowanego adresu URL ikony Google Drive z przypisaniem autorstwa.

Maska CSS

Użyj Google Drive jako ikony maski CSS, której można zmieniać kolor.

.googledrive-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #4285f4;
  mask: url("https://www.aiuidesigner.com/icons/googledrive.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/googledrive.svg") center / contain no-repeat;
}

Szczegóły ikony Google Drive

Kolor marki

#4285F4

Kategoria

Produktywność

Formaty

SVG, PNG, React, HTML, maska CSS

SVG viewBox

0 0 24 24

Plik SVG

599 B · 1 ścieżka

Licencja

Sprawdź wytyczne marki

O ikonie Google Drive

icons.aboutParagraph1

Przed użyciem logo Google Drive 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.

Tagi:productivitystoragedrive

Ikona Google Drive - Najczęściej Zadawane Pytania

Design a UI with the Google Drive icon

Generate a complete page that already uses this icon, color, and brand context.

Google Drive Powiązane ikony