Search results
Download & Customize Easy. Want to manage and host Font Awesome assets yourself? You can download , customize, and use the icons and default styling manually. Both CSS and CSS Preprocessor (Sass and Less) formats are included. Download. Using CSS. Copy the entire font-awesome directory into your project.
Here’s the fastest and easiest way to use Font Awesome in your web-based projects (keep in mind you can use Font Awesome in lots of other ways, including on the desktop). We’ll cover the basics of setting up Font Awesome and finding that perfect icon for your project.
6.5.2 for the desktop. Everything needed to use Font Awesome via text layers or SVGs in desktop apps. Ligature-based Desktop Font Files. Individual SVGs. Pro for desktop Free for desktop. Get Started on the Desktop. Looking for older or specific releases of Font Awesome 6? Other Downloads + Assets. New! Figma Community Plugin.
Here’s the fastest and easiest way to use Font Awesome in your web-based projects (keep in mind you can use Font Awesome in lots of other ways, including on the desktop). We’ll cover the basics of setting up Font Awesome and finding that perfect icon for your project.
React. Font Awesome now has an official React component that’s available for a friction-less way to use our icons in your React applications. Before You Get Started. Make sure you: want to use React and not React Native (which is a different react-native-fontawesome component).
Font Awesome Docs. Get set up and learn how to use icons in your projects, awesomely. We've got set-up guides for those just getting started, styling guides to add some flair, and deeper dives for fine-tuning Font Awesome to suit your needs.
Downloading and hosting Font Awesome yourself is great for when you have many sites or apps in one codebase or want to customize parts of Font Awesome for your workflow. Before You Get Started Make sure you:
The iconic SVG, font, and CSS toolkit - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, powered by Cloudflare. We make it faster and easier to load library files on your websites.
We’ll cover the basics of using the official react-fontawesome component (described below), which uses the SVG + JS method to render icons. But you can opt to use the Web Fonts + CSS method if you prefer. Follow the steps below to set up the react-fontawesome component in your project.
Use a Downloaded Kit. Starting with version 6.4, you can now download a Pro Kit and use it in your desktop applications just like Font Awesome - including any custom icons you added to the Kit. We’ll cover what files and directories are contained in the Kit download and details of using ligature-based fonts and SVG in the Kit.
