Using Font Awesome on the Web

From getting set up to adding icons and style to fine-tuning, we’ve got what you need to know to use Font Awesome icons on the web.

Setting Up on the Web

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!

Host Yourself

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.

Using Font Awesome Icons

Add Icons on the Web

You can add icons to your web projects with a little bit of code - it's super easy once you have a few of the basics under your belt.

Or Stay in Your Syntax or Stack… We'll Meet You There!

Use Font Awesome easily with others like Require.js, Rails with Turbolinks, and jQuery too.

Dig Deeper

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.

You're viewing the Version 6 Beta

It's all the awesome of 5 but now more six-y! Version 6 brings over 13,000 icons across 5 styles - including the new Thin style! - and includes more and faster services.

Get the Deets on Version 6

Head Back to Our Current Version 5 Release

Need a Hand?

If you’re stuck or have a question, check our Troubleshooting docs, all of the Font Awesome threads on Stack Overflow, or contact our community on GitHub.

Or get Real Human Support™ with a Pro Subscription!