https://github.com/xos/fontawesome-pro
https://github.com/xos/fontawesome-pro
List: fontawesome-pro
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/xos/fontawesome-pro
- Owner: xOS
- Created: 2022-04-21T12:24:08.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2025-03-27T10:44:40.000Z (about 1 year ago)
- Last Synced: 2025-11-08T18:03:02.863Z (7 months ago)
- Language: CSS
- Homepage:
- Size: 83.5 MB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: docs/README-EN.md
Awesome Lists containing this project
README
Here’s the English version of the documentation:
---
## **Documentation: Font Awesome Icon Finder App (v6.7.0)**
Demo: [Fontawesome](https://orlinkzz.github.io/fontawesome-pro-v6.7.0/)
---
### **1. Description**
This app is a tool to search and display icons from **Font Awesome version 6.7.0**. It is designed to help users easily find and select icons for their projects. The app offers the following features:
- **Display icons** from both **Pro** and **Free** categories, accessible for free.
- **Search icons** by name with instant search functionality.
- **Select icon styles**, including:
- `Light`
- `Regular`
- `Solid`
- `Thin`
- **Tab navigation** to differentiate icons:
- **All**: Displays all icons.
- **Brands**: Displays brand-specific icons.
- **Pagination** to limit the number of icons displayed per page, ensuring a smooth browsing experience.
---
### **2. How to Use**
#### Add CSS to the `` Tag**
To use the icons and support various styles and animations, add the following code to the `` section of your HTML file:
```html
```
---
### **3. Key Features**
#### **a. Icon Animations**
The app supports built-in animations from Font Awesome. Users can apply the following effects:
1. **Rotate**
2. **Spin**
3. **Shake**
4. **Fade**
5. **Bounce**
6. **Beat**
7. **Flip**
#### **b. Style Selection**
Users can select icon styles via a dropdown menu:
- **Solid**
- **Light**
- **Regular**
- **Thin**
#### **c. Tab Navigation**
- **All**: Displays all icons.
- **Brands**: Displays brand-related icons (e.g., company logos).
#### **d. Pagination**
Users can limit the number of icons displayed per page to avoid information overload.
---
### **4. Animation Support**
#### **Rotating Icons**
Icons can rotate at specific angles:
```html
```
#### **Beating Icons**
Icons can beat like a heart:
```html
```
#### **Bouncing Icons**
Icons can bounce like a ball:
```html
```
#### **Fading Icons**
Icons can fade smoothly:
```html
```
#### **Flipping Icons**
Icons can flip:
```html
```
#### **Shaking Icons**
Icons can shake like they’re trembling:
```html
```
#### **Spinning Icons**
Icons can spin continuously:
```html
```
---
### **Note: Indonesia Documentation**
For the Indonesia version of the documentation, please refer to the following file:
📂 `README.md`
---
### **5. Conclusion**
This app provides a complete solution for **accessing Font Awesome Pro icons for free**. With features like search, tab navigation, built-in animations, and style configuration, users can easily find and display the perfect icons for their design needs.
🎉 **Happy exploring!** Make sure to utilize these features to boost your productivity and enhance the aesthetics of your projects.