Material Design İkonu
Web ve baskı için yüksek kaliteli şeffaf Material Design PNG dosyası.
Geliştiriciler için optimize edilmiş Material Design SVG vektör kodu.
Kullanıma hazır Material Design React ikon bileşeni.
Material Design İkonu Nasıl Kullanılır
Material Design ikonunu satır içi SVG, React kodu, HTML gömme veya CSS mask olarak kopyalayın.
Satır İçi SVG
Material Design SVG'sini doğrudan HTML veya JSX içine yapıştırın.
React Bileşeni
Material Design ikonunu tip tanımlı bir React ikon bileşeni olarak kullanın.
import React from 'react';
export const MaterialDesignIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Gömme
Atıfta bulunarak barındırılan bir Material Design ikon URL'si kullanın.
CSS Mask
Material Design ikonunu renklendirilebilir bir CSS mask ikonu olarak kullanın.
.materialdesign-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #6750a4;
mask: url("https://www.aiuidesigner.com/icons/materialdesign.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/materialdesign.svg") center / contain no-repeat;
}Material Design İkon Detayları
Marka rengi
Kategori
Geliştirme
Formatlar
SVG, PNG, React, HTML, CSS mask
SVG viewBox
Bilinmiyor
SVG dosyası
Bilinmiyor · 0 yol
Lisans
Marka kılavuzlarını kontrol edin
Material Design İkonu Hakkında
Material Design ikonu, burada SVG formatında bir marka ikonu varlığı olarak sunulmaktadır. Geliştirme kategorisinde yer alır ve #6750A4 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.
Material Design 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.
Material Design İkonu Sıkça Sorulan Sorular
AI İkon Oluşturucuyu Deneyin
Tamamen benzersiz bir ikona mı ihtiyacınız var? Saniyeler içinde özel, profesyonel ikonlar oluşturmak için yapay zeka destekli SVG Oluşturucumuzu kullanın.
AI İkon Oluşturucuyu Deneyin