Skip to content

Instantly share code, notes, and snippets.

@brucebentley
Created December 14, 2021 09:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save brucebentley/3274059a0b979470f2bd85724b3ed6a6 to your computer and use it in GitHub Desktop.
Save brucebentley/3274059a0b979470f2bd85724b3ed6a6 to your computer and use it in GitHub Desktop.
Font Awesome Kit

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.

Like a CDN just for you! Adjust the settings, get auto-subsetting, upload your own icons, and lots more goodies.

Start with a Kit →

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.

Are you a Font Awesome OG using Version 5, or even 4? You can easily upgrade to Version 6.

Get all the awesome packed up to-go in our npm packages.

<!doctype html>
<html>
<head>
<!-- Place your kit's code here -->
<script src="https://kit.fontawesome.com/cdf1aa91ca.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Ready to use Font Awesome. Activate interlock. Dynotherms - connected. Infracells - up. Icons are go! -->
<i class="fas fa-thumbs-up fa-5x"></i>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment