Halo teman – teman selamat datang kembali di website tips dan trik Dumet School, kembali lagi dengan saya yang akan membahas tips dan trik seputar dunia website. Pada artikel sebelumnya kita sudah membahas tentang form pada materialize dan pada kesempatan kali ini kita akan membahas tentang Membuat Icon Pada Materialize. Pada umumnya setiap framework css sudah menyediakan icon nya, seperti hal nya pada framework bootstrap juga menyediakan icon sendiri. Selain itu juga kita bisa menggunakan icon di luar dari framework, misalkan seperti font awesome dapat kita gunakan juga untuk icon tambahan jika pada suatu framework tidak ada icon yang teman – teman akan pakai.
Pada artikel ini saya akan memberikan tips untuk teman – teman bagaimana cara Membuat Icon Pada Materialize sama seperti framework lainnya, yang berbeda hanya pemanggilannya saja. Kalau biasa kita menggunakan framework bootstrap menggunakan tag <span> kemudian di letakkan class icon pada tag <span> dan jadi icon nya, namun pada framework materialize ini sedikit berbeda yaitu dengan menggunakan tag <i> kemudian di letakkan class pada tag <i> dan di dalam tag <i> berikan nama icon nya.
<i class="material-icons"></i>
Kemudian di tengah nya berikan salah satu nama icon nya
Seperti di bawah ini
<i class="material-icons">accessibility</i>
Jika teman – teman ingin mengatur ukuran font-size nya cukup tambahkan class nya saja, materialize juga menyediakan kategori nya
Yaitu class tiny, small, medium, dan large dapat kita sisipkan di dalam class nya
<i class="large material-icons">accessibility</i>
Maka hasilnya akan besar dengan memberikan class large
Jika teman – teman merasa kurang besar bisa uga custom pada css nya, dengan memanggil class nya dan berikan font-size sesuai keinginan teman – teman. Jika di materialize icon yang teman – teman cari tidak ada, baru teman – teman bisa pakai font awesome sebagai tambahan nya. Baik sekian pada artikel kali ini tentang Membuat Icon Pada Materialize semoga memberikan tambahan ilmu dan opsi untuk teman – teman dalam pembuatan project nya. Terimakasih dan sampai jumpa, semoga bermanfaat.