We use cookies.This website uses essential cookies to operate core features. With your consent, we also use analytics cookies to understand traffic and improve the service. For more details, see our .
We use cookies.This website uses essential cookies to operate core features. With your consent, we also use analytics cookies to understand traffic and improve the service. For more details, see our .
Font Awesome Icon Finder
If this tool helped you, you can buy us a coffee ☕
Quickly find Font Awesome icon names, CSS class names, and Unicode values.
Icon previews are loaded via FontAwesome 6 CDN. Copied class names can be used directly on pages where FontAwesome is already integrated.
Favicon Extractor
Extract and download favicons from any website instantly. Free online tool to grab high-resolution website icons with preview and direct download.
Bootstrap Glyphicons Finder
Free online Bootstrap Glyphicons finder. Quickly search and copy CSS class names and Unicode values for Bootstrap 3 icons to use in your web projects.
Letter Icon Generator
Input text to quickly generate circular or rounded square letter icons suitable for website icons, avatars, UI elements.
In frontend development, manually searching through hundreds of Font Awesome icons to find the right code is often time-consuming. This tool features a complete built-in Font Awesome icon library, allowing you to search for icons in real-time using keywords. It quickly returns the CSS class name, Unicode character, and HTML usage examples, helping developers integrate icons efficiently.
fas fa-user), Unicode value (e.g., f007), and an Example Input: Keyword "home"
Output Result: Class name fas fa-home, Unicode f015, HTML example
The search function is based on icon names and aliases, supporting both English and Chinese keywords, though special characters may not yield matches. This tool only provides icon codes and does not include stylesheet hosting services; please load Font Awesome resources in your project independently. All icon information is sourced from public Font Awesome data and is intended for learning and development purposes only.
It is recommended to reference icons via class names in your projects to maintain consistent styling and leverage browser caching. If you need to change icons dynamically, you can use JavaScript to modify the element's className or set its innerHTML to the corresponding Unicode. For scenarios requiring legacy browser compatibility, you can use a tag combined with the CSS font-family property and pseudo-elements to reduce DOM nodes. Example: with the CSS definition .icon { font-family: 'Font Awesome 5 Free'; font-weight: 900; }.