Yazeka
Arama sonuçlarına göre oluşturuldu
Google Icons kullanmak için aşağıdaki adımları izlemek gerekmektedir:
- Kütüphane Ekleme: Google Icons kütüphanesini HTML belgenize ekleyin 12. Bunun için
<head>
bölümüne şu bağlantıyı ekleyin:<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> ``` [1](https://askthedev.com/google-icons-for-website-design/)[2](https://linuxhaxor.net/code/google-icons-html.html). - Icon Kullanımı: Iconları HTML içinde
<i>
veya<span>
etiketleri ile kullanabilirsiniz 24. Icon ismi olarakclass
attribute'ü kullanın 4. Örneğin:<i class="material-icons">face</i> [1](https://askthedev.com/google-icons-for-website-design/)[4](https://www.tutlane.com/tutorial/font-icons/google-material-design-icons-introduction). - CSS ile Özelleştirme: Iconların görünümünü CSS kullanarak değiştirebilirsiniz 14. Örneğin, rengi ve boyutu değiştirmek için:
.icon { color: #4CAF50; /* Green */ font-size: 48px; /* Size */ } [1](https://askthedev.com/google-icons-for-website-design/).
Bu şekilde, Google Icons'ları web sitenizde kolayca entegre edebilir ve özelleştirebilirsiniz.
5 kaynaktan alınan bilgiyle göre: