Quick Start

Want icons in your web project stat? Here’s the fastest and easiest way to use Font Awesome in your web-based projects (but we do have lots of other ways to use, including on the desktop).

Pro Plan Required

Pro Plan Required!

To use the Font Awesome 6 Beta, you'll need to grab a Pro-level plan. You'll also get thousands more icons, access to services, and support! Got a plan? Sign in!

Setup Font Awesome in Your Project

Font Awesome Kits are the easiest way to get Font Awesome icons into your projects. Just create a new Font Awesome kit and add the kit code to the head of each template or page of your project where you want to add icons.

To use the Font Awesome 6 Beta, be sure to enable beta features in your account settings and then select "Version 6 Beta" in your kit's settings.

Find and Add Icons

Browse the thousands of icons in v6 Beta to find some icons you like and then add the icon name and style as CSS classes to an HTML <i> tag.

<body>
  <!-- solid style -->
  <i class="fa-solid fa-user"></i>

  <!-- regular style -->
  <i class="fa-regular fa-user"></i>

  <!-- light style -->
  <i class="fa-light fa-user"></i>

  <!-- duotone style -->
  <i class="fa-duotone fa-user"></i>

  <!-- all new thin style -->
  <i class="fa-thin fa-user"></i>

  <!--brand icon-->
  <i class="fa-github-square fa-brands"></i>
</body>

Make It Awesome

Now you’re ready to Rock 'n' Roll! Take it to 11 by adding some style.

Upgrading from a previous version of Font Awesome?

We've tried to make moving to Version 6 as easy as possible. Get the deets on upgrading so you can get the latest and greatest.

Hit a Snag?

# Double-Check Your Code

If your <i> tags aren't turning into icons, make sure you've got the kit code on the pages or templates you're working with.

# Get More Help

Check out the troubleshooting section to get answers to some common hiccups. Or contact us.

Other Ways to Use Font Awesome

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.

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!