https://orlinkzz.github.io/fontawesome-pro-v6.7.0/
Unleash the power of Font Awesome PRO in your designs and development! This repository provides a comprehensive collection of premium icons, tools, and resources to supercharge your projects.
https://orlinkzz.github.io/fontawesome-pro-v6.7.0/
fontawesome fontawesome-pro-6 fontawesome-pro-free icon-fontawesome
Last synced: 7 months ago
JSON representation
Unleash the power of Font Awesome PRO in your designs and development! This repository provides a comprehensive collection of premium icons, tools, and resources to supercharge your projects.
- Host: GitHub
- URL: https://orlinkzz.github.io/fontawesome-pro-v6.7.0/
- Owner: Orlinkzz
- Created: 2024-11-19T07:49:42.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-01-16T07:48:42.000Z (10 months ago)
- Last Synced: 2025-04-15T14:18:18.690Z (7 months ago)
- Topics: fontawesome, fontawesome-pro-6, fontawesome-pro-free, icon-fontawesome
- Language: CSS
- Homepage: https://orlinkzz.github.io/fontawesome-pro-v6.7.0/
- Size: 23.5 MB
- Stars: 5
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## **Dokumentasi: Aplikasi Pencarian Icon Font Awesome (v6.7.0)**
Demo: [Fontawesome](https://orlinkzz.github.io/fontawesome-pro-v6.7.0/)
### **1. Deskripsi**
Aplikasi ini adalah alat untuk mencari dan menampilkan ikon dari **Font Awesome versi 6.7.0**. Fitur ini dirancang untuk membantu pengguna memilih ikon yang sesuai untuk proyek mereka dengan kemudahan navigasi dan pencarian. Aplikasi ini mendukung:
- **Menampilkan ikon** dari kategori **Pro** dan **Free** secara gratis.
- **Pencarian ikon** berdasarkan nama menggunakan fitur pencarian instan.
- **Pemilihan gaya ikon**, seperti:
- `Light`
- `Regular`
- `Solid`
- `Thin`
- **Navigasi antar tab** untuk membedakan ikon:
- **All**: Menampilkan semua ikon.
- **Brands**: Menampilkan ikon khusus untuk merek.
- **Pagination** untuk membatasi jumlah ikon yang ditampilkan per halaman, memberikan pengalaman navigasi yang lancar.
---
### **2. Cara Penggunaan**
#### Tambahkan CSS ke dalam Tag ``
Untuk menggunakan ikon dan mendukung berbagai gaya serta animasi, tambahkan kode berikut ke dalam tag `` di file HTML Anda:
```html
```
---
### **3. Fitur Utama**
#### **a. Animasi Ikon**
Aplikasi ini mendukung animasi bawaan dari Font Awesome. Pengguna dapat menerapkan efek animasi berikut:
1. **Rotasi (Rotate)**
2. **Berputar (Spin)**
3. **Gemetar (Shake)**
4. **Memudar (Fade)**
5. **Melompat (Bounce)**
6. **Berdetak (Beat)**
7. **Flip (Membalik)**
#### **b. Pengelompokan Gaya**
Pengguna dapat memilih gaya ikon melalui dropdown:
- **Solid**
- **Light**
- **Regular**
- **Thin**
#### **c. Navigasi Tab**
- **All**: Menampilkan semua ikon.
- **Brands**: Menampilkan ikon yang terkait dengan merek (seperti logo perusahaan).
#### **d. Pagination**
Pengguna dapat membatasi jumlah ikon yang ditampilkan pada satu halaman untuk menghindari terlalu banyak informasi.
---
### **4. Dukungan Animasi**
#### **Rotasi Ikon (Rotating Icons)**
Ikon dapat diputar pada sudut tertentu:
```html
```
#### **Ikon Berdetak (Beating Icons)**
Ikon berdetak seperti jantung:
```html
```
#### **Ikon Melompat (Bouncing Icons)**
Ikon melompat seperti bola memantul:
```html
```
#### **Ikon Memudar (Fading Icons)**
Ikon memudar secara halus:
```html
```
#### **Ikon Membalik (Flipping Icons)**
Ikon dapat dibalik:
```html
```
#### **Ikon Bergoyang (Shaking Icons)**
Ikon bergoyang seperti gemetar:
```html
```
#### **Ikon Berputar (Spinning Icons)**
Ikon berputar secara terus-menerus:
```html
```
---
### **Catatan: Dokumentasi Bahasa Inggris**
Untuk dokumentasi dalam bahasa Inggris, silakan lihat file berikut:
📂 `docs/README-EN.md`
---
### **5. Kesimpulan**
Aplikasi ini menyediakan solusi lengkap untuk **mengakses ikon Pro Font Awesome secara gratis**. Dengan fitur pencarian, navigasi tab, animasi bawaan, dan pengaturan gaya, pengguna dapat dengan mudah menemukan dan menampilkan ikon yang sesuai untuk kebutuhan desain mereka.
🎉 **Selamat mencoba!** Pastikan Anda memanfaatkan fitur ini untuk meningkatkan produktivitas dan estetika proyek Anda!