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.
Use a Kit
Like a CDN just for you! Adjust the settings, get auto-subsetting, upload your own icons, and lots more goodies.
In a Hurry? Try Our Quick Start.
Create a kit, add some icons, sprinkle in some style, and you're off and running!
Take the wheel and drive how you want when you host yourself.
Upgrade from Earlier Versions of Font Awesome
Are you a Font Awesome OG using Version 5, or even 4? You can easily upgrade to Version 6.
Use Font Awesome npm Packages
Get all the awesome packed up to-go in our npm packages.
Add Font Awesome Icons to Your Project
You can add icons to your web projects with a little bit of code - it's easy once you have a few of the basics under your belt.
More Ways to Add IconsCSS Pseudo-elements SVG Sprites SVG Symbols SVGs
Add Some Mix-n-Match Styling
There are a variety of styling options you can use with your Font Awesome icons on the web. Use one or combine them like Voltron.
Use Font Awesome with Your Preferred Syntax or Stack…
And more! Font Awesome work with Squarespace, Require.js, Rails with Turbolinks, and jQuery too.
Get to Know Font Awesome
Own trivia night by getting to know all the nitty-gritty about Font Awesome.
Tips and Tricks for Extra Awesome
Got the basics down and hungry for more? We’ve got advanced topics for you super nerds.
Using Font Awesome
When and how can you use Font Awesome? These docs might help.