{"id":18258609,"url":"https://github.com/xos/fontawesome-pro","last_synced_at":"2026-02-15T18:33:22.501Z","repository":{"id":109371451,"uuid":"484041241","full_name":"xOS/Fontawesome-Pro","owner":"xOS","description":null,"archived":false,"fork":false,"pushed_at":"2025-03-27T10:44:40.000Z","size":87520,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-11-08T18:03:02.863Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xOS.png","metadata":{"files":{"readme":"docs/README-EN.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-04-21T12:24:08.000Z","updated_at":"2025-04-15T13:53:16.000Z","dependencies_parsed_at":null,"dependency_job_id":"d8c4008c-f1f6-4b7e-8267-c8df5a908f9e","html_url":"https://github.com/xOS/Fontawesome-Pro","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/xOS/Fontawesome-Pro","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xOS%2FFontawesome-Pro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xOS%2FFontawesome-Pro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xOS%2FFontawesome-Pro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xOS%2FFontawesome-Pro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xOS","download_url":"https://codeload.github.com/xOS/Fontawesome-Pro/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xOS%2FFontawesome-Pro/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29486539,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-15T15:33:17.885Z","status":"ssl_error","status_checked_at":"2026-02-15T15:32:53.698Z","response_time":118,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-05T10:33:11.262Z","updated_at":"2026-02-15T18:33:22.484Z","avatar_url":"https://github.com/xOS.png","language":"CSS","funding_links":["https://www.buymeacoffee.com/humaedi"],"categories":[],"sub_categories":[],"readme":"Here’s the English version of the documentation:\n\n---\n\n## **Documentation: Font Awesome Icon Finder App (v6.7.0)**\n\nDemo: [Fontawesome](https://orlinkzz.github.io/fontawesome-pro-v6.7.0/)\n\n\u003ca href=\"https://www.buymeacoffee.com/humaedi\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/default-orange.png\" alt=\"Buy Me A Coffee\" height=\"41\" width=\"174\"\u003e\u003c/a\u003e\n---\n\n### **1. Description**\nThis 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:\n\n- **Display icons** from both **Pro** and **Free** categories, accessible for free.\n- **Search icons** by name with instant search functionality.\n- **Select icon styles**, including:\n  - `Light`\n  - `Regular`\n  - `Solid`\n  - `Thin`\n- **Tab navigation** to differentiate icons:\n  - **All**: Displays all icons.\n  - **Brands**: Displays brand-specific icons.\n- **Pagination** to limit the number of icons displayed per page, ensuring a smooth browsing experience.\n\n---\n\n### **2. How to Use**\n#### Add CSS to the `\u003chead\u003e` Tag**\nTo use the icons and support various styles and animations, add the following code to the `\u003chead\u003e` section of your HTML file:\n```html\n\u003clink rel=\"stylesheet\" href=\"css/all.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"css/pro.min.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"css/sharp-duotone-thin.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"css/sharp-duotone-solid.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"css/sharp-duotone-regular.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"css/sharp-duotone-light.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"css/sharp-thin.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"css/sharp-solid.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"css/sharp-regular.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"css/sharp-light.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"css/duotone-thin.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"css/duotone-regular.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"css/duotone-light.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"css/woff2.css\"\u003e\n```\n---\n\n### **3. Key Features**\n#### **a. Icon Animations**\nThe app supports built-in animations from Font Awesome. Users can apply the following effects:\n\n1. **Rotate**\n2. **Spin**\n3. **Shake**\n4. **Fade**\n5. **Bounce**\n6. **Beat**\n7. **Flip**\n\n#### **b. Style Selection**\nUsers can select icon styles via a dropdown menu:\n- **Solid**\n- **Light**\n- **Regular**\n- **Thin**\n\n#### **c. Tab Navigation**\n- **All**: Displays all icons.\n- **Brands**: Displays brand-related icons (e.g., company logos).\n\n#### **d. Pagination**\nUsers can limit the number of icons displayed per page to avoid information overload.\n\n---\n\n### **4. Animation Support**\n\n#### **Rotating Icons**\nIcons can rotate at specific angles:\n```html\n\u003ci class=\"fa-solid fa-seedling fa-rotate-90\"\u003e\u003c/i\u003e\n\u003ci class=\"fa-solid fa-seedling fa-rotate-180\"\u003e\u003c/i\u003e\n\u003ci class=\"fa-solid fa-seedling fa-rotate-270\"\u003e\u003c/i\u003e\n```\n\n#### **Beating Icons**\nIcons can beat like a heart:\n```html\n\u003ci class=\"fa-solid fa-heart fa-beat\"\u003e\u003c/i\u003e\n\u003ci class=\"fa-solid fa-heart-circle-bolt fa-beat-fade\"\u003e\u003c/i\u003e\n```\n\n#### **Bouncing Icons**\nIcons can bounce like a ball:\n```html\n\u003ci class=\"fa-solid fa-basketball fa-bounce\"\u003e\u003c/i\u003e\n```\n\n#### **Fading Icons**\nIcons can fade smoothly:\n```html\n\u003ci class=\"fa-solid fa-star fa-fade\"\u003e\u003c/i\u003e\n```\n\n#### **Flipping Icons**\nIcons can flip:\n```html\n\u003ci class=\"fa-solid fa-arrows-rotate fa-flip\"\u003e\u003c/i\u003e\n\u003ci class=\"fa-solid fa-arrow-right fa-flip-horizontal\"\u003e\u003c/i\u003e\n\u003ci class=\"fa-solid fa-arrow-up fa-flip-vertical\"\u003e\u003c/i\u003e\n```\n\n#### **Shaking Icons**\nIcons can shake like they’re trembling:\n```html\n\u003ci class=\"fa-solid fa-bell fa-shake\"\u003e\u003c/i\u003e\n```\n\n#### **Spinning Icons**\nIcons can spin continuously:\n```html\n\u003ci class=\"fa-solid fa-circle-notch fa-spin\"\u003e\u003c/i\u003e\n\u003ci class=\"fa-solid fa-circle-notch fa-spin-reverse\"\u003e\u003c/i\u003e\n\u003ci class=\"fa-solid fa-spinner fa-spin-pulse\"\u003e\u003c/i\u003e\n```\n---\n### **Note: Indonesia Documentation**\nFor the Indonesia version of the documentation, please refer to the following file:  \n📂 `README.md`\n\n---\n### **5. Conclusion**\nThis 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.\n\n🎉 **Happy exploring!** Make sure to utilize these features to boost your productivity and enhance the aesthetics of your projects.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxos%2Ffontawesome-pro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxos%2Ffontawesome-pro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxos%2Ffontawesome-pro/lists"}