Search results
Search all the Version 5 icons and match your project with a look and feel that's just right. Better yet, try Font Awesome 6 with the all-new Sharp Solid icons.
Font Awesome Docs Version 5. Get set up and learn how to use Version 5 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 Version 5 to suit your needs. View the docs.
Need to get icons in your web project quickly? 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. 1.
Font Awesome 5 Released! More Icons Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets you another 53 icon category packs as we finish them!
While the basic way to reference an icon is simple and hopefully straight-forward, we’ve provided support-level styling for things like sizing icons, aligning and listing icons, as well as rotating and transforming icons.
Get set up, add icons and style, or fine-tune - we’ve got what you need to know to use Font Awesome icons on the web. Setting Up on the Web. There are a few different ways to set up Font Awesome. We suggest using a kit since it’s easy, fast, and customizable.
We’ll cover the basics of how to add icons to your project, shorthand class names for different icon styles, how to add icons to HTML, using icons aliases, and more! Before You Get Started . Make sure you’ve: Set up Font Awesome in your project and know where you parked your tardis.
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. View the docs.
Icons in Action. Ever wonder what “arrow-left” might look like in the mix? Well, you're in luck! We've cooked up some examples of how you could use the “arrow-left” icon in your projects, whether they're apps, interfaces, or print designs.
Our Styling Toolkit takes the trouble out of sizing, rotating, and stacking icons, so you can make your site pop with animations. We’ll cover the basics of animations like beat, fade, beat-fade, flip, and spin to your icons, so that you can create more visual interest on your site.
