"Enter"a basıp içeriğe geçin

Kodular FontAwesome 5 , Material icons kullanımı

Uygulamamıza kolay yoldan ikonlar eklemenin çeşitli yolları var bunlardan biri de hazır ikon kütüphaneleri kullanmak olacaktır.Genel kullanımlar için hazırlanmış ücretsiz ikonları barındıran bu kütüphaneleri Kodular’da kullanmak gayet basit.

İlk olarak gelin Font Awesome 5 ile başlıyalım

https://fontawesome.com/icons?d=gallery&m=free

Adresinden kendimize bir ikon seçelim , örnek olarak Türk Lirasının simgesinin Unicode parametresini kopyalayalım.

https://fontawesome.com/icons/lira-sign?style=solid

Türk Lirasının simgesi Font Awesome 5 Solid kütüphanesinde “f195” olarak atanmış.Artık Unicode u bildiğimize göre uygulamamızda kullanabiliriz.

Projemize bir label komponenti ekleyelim ve resimdeki gibi doldurmamız yeterli.

  • HTML desteğini açın
  • FontTypeface olarak FontAwesome 5 SoIıd olarak seçin
  • Unıcode’u &#xUNICODE; şeklinde girin, örnekte 

İşte sonuç

İşte sonuç

Material Icons kullanımı

Aşağıdaki adresten bir ikon seçelim.

https://material.io/resources/icons/?icon=alarm&style=baseline

Örnek olarak alarm seçtik

Font Awesome 5 e göre Material Icons daha kolay bir kullanıma sahip.Aşağıdaki ayarları uygulamamız yeterli

Hepsi bu kadar 🙂

    Bir cevap yazın

    E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir