icon fontawesome memang sering digunakan bagi kita dalam pembuatan website di karenakan icon-icon yang di berikan itu sangat banyak dan bervariasi, tetapi untuk mendapatkan semua icon teman-teman harus upgrade terlebih dahulu ke pro, tetapi tidak usah khawatir karena disini saya akan mencontohkannya dengan yang gratis saja ya, yang penting teman-teman bisa menggunakan icon fontawesome ini.

Oke karena fontawesome ini sering update saya sendiri ingin menggunakan yang online atau CDN agak sedikit kebingungan karena sudah upgrade, ternyata kita harus register terlebih dahulu untuk mendapatkan link CDNnya, dan jika teman-teman bingung silahkan gunakan yang offline saja tinggal download. nanti tinggal cari file yang all.css, nanti file itu di dapatkan ketika kita download.

Disini saya akan mencoba menampilkan icon fontawesome di sebuah menu, supaya menu kita lebih cantik lagi tentunya, dan tidak lupa saya akan membuat responsive menu tersebut, jadi ketika width 500px, tampilan menu akan kebawah, kalau begitu langsung saja ya, kita lihat caranya.

Seperti yang teman-teman lihat disini saya mencoba membuat 5 menu, di setiap menu berbeda-beda, dan untuk menggunakan icon fontawesome terbaru teman-teman bisa ketikan seperti ini <i class=”far fa-images”> dan ingat tidak semua icon bisa kita gunakan jika akun kita masih free, oke kalau begitu bagaimana hasilnya, seperti ini:

Cara Membuat Icon menu dengan fontawesome Terbaru

diatas adalah tampilan destkopnya dan yang bawah adalah tampilan mobilenya, ketika lebar 500px.

Cara Membuat Icon menu dengan fontawesome Terbaru

oke tambah cantik bukan menu kita, dan saya rasa cukup sampai disini belajar kita tentang cara membuat Icon menu dengan fontawesome terbaru, semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.