Google Drive İkonu
Web ve baskı için yüksek kaliteli şeffaf Google Drive PNG dosyası.
Geliştiriciler için optimize edilmiş Google Drive SVG vektör kodu.
Kullanıma hazır Google Drive React ikon bileşeni.
Use Google Drive in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Google Drive İkonu Nasıl Kullanılır
Google Drive ikonunu satır içi SVG, React kodu, HTML gömme veya CSS mask olarak kopyalayın.
Satır İçi SVG
Google Drive SVG'sini doğrudan HTML veya JSX içine yapıştırın.
React Bileşeni
Google Drive ikonunu tip tanımlı bir React ikon bileşeni olarak kullanın.
import React from 'react';
export const GoogleDriveIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Gömme
Atıfta bulunarak barındırılan bir Google Drive ikon URL'si kullanın.
CSS Mask
Google Drive ikonunu renklendirilebilir bir CSS mask ikonu olarak kullanın.
.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;
}Google Drive İkon Detayları
Marka rengi
Kategori
Verimlilik
Formatlar
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
SVG dosyası
599 B · 1 yol
Lisans
Marka kılavuzlarını kontrol edin
Kaynak
developers.google.comGoogle Drive İkonu Hakkında
Google Drive ikonu, burada SVG formatında bir marka ikonu varlığı olarak sunulmaktadır. Verimlilik kategorisinde yer alır ve #4285F4 marka rengini kullanır. Şeffaf PNG olarak indirebilir, satır içi SVG'yi kopyalayabilir, bir React bileşeni olarak alabilir veya HTML ile gömebilirsiniz.
Google Drive logosunu ticari projelerde, dokümantasyonlarda, UI taslaklarında veya pazarlama sayfalarında kullanmadan önce, güncel ticari marka kullanım kurallarını doğrulamak için bu sayfadaki kaynak ve marka kılavuzu bağlantılarını kullanın.
Google Drive İkonu Sıkça Sorulan Sorular
Design a UI with the Google Drive icon
Generate a complete page that already uses this icon, color, and brand context.