The world's most popular icon library, energizing your web and apps
FontAwesome features over 25,000 free and pro icons, compatible with web, desktop, and mobile. This site provides v4, v5, v6, v7 online icon browsing, getting started tutorials, downloads, and usage guides.
FontAwesome is one of the world's most popular icon libraries, created by Dave Gandy in 2012. It started as an icon set designed for the Bootstrap framework, and has since grown into an independent icon library with thousands of icons.
Whether for personal projects or commercial applications, FontAwesome offers flexible usage including Font format, SVG format, and SVG Sprites.
Learn MoreWidely used stable version with extensive icon and style support.
Released 2018
Classic version, suitable for legacy project maintenance and compatibility.
Released 2014
FontAwesome has over 25,000 icons covering web design, mobile apps, desktop software, social media, business, healthcare, education, technology, and virtually every other field. Whether you need simple arrows and buttons or complex industry-specific symbols, you can find the right choice in FontAwesome. Every icon is carefully designed to maintain clear recognition at different sizes.
FontAwesome maintains documentation for v4, v5, v6, v7 simultaneously, supporting projects of all versions.
FontAwesome supports multiple usage methods: CDN font files for quick traditional Font integration, on-demand SVG icons for better performance and control, and SVG Sprites for pages that use the same icon multiple times. No matter which development approach you prefer, FontAwesome provides a complete solution, letting you choose flexibly based on project needs.
FontAwesome Free uses CC BY 4.0 license, free for personal projects, commercial websites, mobile apps, and even print.
FontAwesome has a large global user community, with continuous updates and optimizations. Each major version brings hundreds of new icons.
FontAwesome provides official component libraries for React, Vue, and Angular frameworks. You can use react-fontawesome, vue-fontawesome, or angular-fontawesome to use icons as declarative components, eliminating the need to manually manage CSS class names or SVG paths, significantly improving development efficiency.
Choose the best integration method based on project needs: CDN for traditional sites, npm for modern projects, and optimized solutions for performance-critical projects.
Learn MoreAdd the corresponding icon tag in HTML and specify the class name to use. For example, <code><i class="fa-solid fa-house"></i></code> displays a house icon. You can also control icon size, color, rotation, and animation effects through CSS to match your project's design style.
Browse IconsAfter mastering the basics, explore advanced features: icon animations, size scaling, rotation flipping, combined icons, SVG framework.
Learn MoreWelcome to exchange friend links, contact us