menambahkan icon dengan Font Awesome tanpa masukkan gambar
Anda dapat menambahkan ikon ke tautan Anda menggunakan tag `<i>` atau `<span>` (atau elemen lain yang sesuai) dengan kelas ikon yang sesuai. Di bawah ini adalah contoh cara menambahkan ikon Font Awesome ke tautan Anda untuk "Telpon", "SMS", dan "Kamera":
1. Pastikan Anda sudah memasukkan pustaka Font Awesome ke halaman Anda dengan menambahkan kode berikut ke bagian `<head>` dokumen HTML Anda:
html
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
2. Setelah itu, Anda dapat menambahkan ikon ke tautan Anda menggunakan kelas Font Awesome yang sesuai. Misalnya:
html
<a href="https://www.openai.com" class="button">
<i class="fas fa-phone"></i> Telpon
</a>
<a href="https://www.openai.com" class="button">
<i class="fas fa-envelope"></i> SMS
</a>
<a href="https://www.openai.com" class="button">
<i class="fas fa-camera"></i> Kamera
</a>
Pada contoh di atas, kita menggunakan kelas Font Awesome seperti "fas fa-phone", "fas fa-envelope", dan "fas fa-camera" untuk menambahkan ikon telepon, SMS, dan kamera. Anda dapat menyesuaikan ikon dan gaya sesuai dengan preferensi Anda dengan memilih ikon dari koleksi Font Awesome dan mengganti kelas yang sesuai. Pastikan juga untuk menyesuaikan tautan href sesuai dengan tujuan yang diinginkan.
Anda dapat mengakses dan mencari ikon yang tersedia di Font Awesome pada situs web resmi mereka di https://fontawesome.com/icons. Ini adalah daftar beberapa ikon yang tersedia dalam versi Font Awesome yang Anda gunakan (5.15.3).