Skip to content
Font Awesome Docs Version 6

Importing Icons from Fort Awesome

Customers of Fort Awesome can now migrate to Font Awesome Kits. In this guide we’ll show you how.

Getting the icons from Fort Awesome

Section titled “Getting the icons from Fort Awesome”

Download your Fort Kit

  • Login to your fortawesome.com account
  • Select the Fort Kit you want to transfer
  • Click the Download button and save the file to your desktop

Setting up your new Font Awesome Kit

Section titled “Setting up your new Font Awesome Kit”

Begin at your Kits page to create a new one

Choose which styles you'd like in your Kit

  • Select Custom Icons
  • Click Next

Select how you'd like to use your icons

  • Choose Hosted by Us.

You’ll be able to change your Kit settings later if you wish, this is just a place to start to get things going.

Name your Kit and complete the creation process

  • Give your Kit a name if you wish. It’s a good idea to have this name match the name in Fort Awesome.
  • Click Make My Kit

Update settings to optimize your Kit

  • Now that your Kit has been created, go the the Settings for the new Kit
  • In the Subset section, choose Custom Subsetting. This will effectively empty your Kit out.
  • Click Save Changes

Import your icons

Section titled “Import your icons”

Find the page that allows you to upload icons

  • Click the Custom Icons tab
  • Click Upload Your First Icon

Fort Awesome icons in macOS Finder

  • Locate the files that you downloaded from Fort Awesome

Dragging files into the upload page

  • Browse or drag the files to your Kit’s upload screen

The results of selecting icons to upload

  • Keep an eye out for icons that can’t be uploaded. You may need to edit or revise these icons before your Kit import is complete. If you need help email [email protected]
  • Click Upload + Publish [Icon count] Icons

Freshly imported icons

After your icons upload you should be back on your Kits Custom Icons tab

Update your project

Section titled “Update your project”

View an icon to learn how to use it

Now that you’ve imported your icons you’ll most likely need to update your project to use the new syntax. A Font Awesome Kit uses fa-kit and fa-ICON-NAME.

If you have issues with this process or an icon doesn’t work as expected, let us know.