Python/Django Package

While our official Python package is deprecated and unsupported in the latest version of Font Awesome, we recommend using a Kit to easily use icons in your Python and Django projects.

Before You Get Started

Make sure you:

  • Are familiar with Python and Django.
  • Know how to manage static assets in your Django project.

Font Awesome Kits are our recommended and most comprehensive way to get Font Awesome icons into your projects via a package manager! Kits are hosted for easy asset management but can also be downloaded if you prefer to host assets yourself in your project.

Using a Hosted Kit

Once you have a Kit set up, copy your Kit's unique embed code into your HTML's <head>. After that, you're set up and can add any icons - easy peasy.

Hosting a Kit Yourself

If you like control, you can host your Font Awesome Kit yourself, and you can choose to use Web Fonts or SVG + JS to get icons into your projects.

Download + Set Up Font Awesome Assets

Download your Kit and then follow the self-hosting instructions for either our Web Fonts or SVG + JS. You'll also find details on your downloaded Kit's contents in each method's instructions.

Reference Font Awesome in Your Project

Link the Font Awesome core or loader files along with the files for whichever styles you want to use into the <head> of each template or page that you plan to add icons to. Make sure the paths correctly point to where you placed the files!

Here’s an example html page with the file links in the <head> and a couple of icons in the content for both our Web Fonts and SVG + JS methods.

Web Fonts SVG + JS 
<head>
  <!-- Font Awesome's core styling -->
  <link href="{% static 'your-path-to-fontawesome/css/fontawesome.css' %}" rel="stylesheet">
  <!-- individual Font Awesome icon styles - select just the ones you're using in your project -->
  <link href="{% static 'your-path-to-fontawesome/css/brands.css' %}" rel="stylesheet">
  <link href="{% static 'your-path-to-fontawesome/css/solid.css' %}" rel="stylesheet">
  <link href="{% static 'your-path-to-fontawesome/css/sharp-thin.css' %}" rel="stylesheet">
  <link href="{% static 'your-path-to-fontawesome/css/duotone-thin.css' %}" rel="stylesheet">
  <link href="{% static 'your-path-to-fontawesome/css/sharp-duotone-thin.css' %}" rel="stylesheet">
</head>
<body>
  <i class="fa-solid fa-user"></i> <!-- uses solid style -->
  <i class="fa-brands fa-github-square"></i> <!-- uses brand style -->
  <i class="fa-sharp fa-thin fa-dog"></i> <!-- uses pro styles -->
  <i class="fa-duotone fa-thin fa-dog"></i>
  <i class="fa-sharp-duotone fa-thin fa-dog"></i>
</body>
 
<head>
  <!-- Font Awesome's core styling + loader -->
  <script src="{% static 'your-path-to-fontawesome/js/fontawesome.js' %}"></script>
  <!-- individual Font Awesome icon styles - select just the ones you're using in your project -->
  <script src="{% static 'your-path-to-fontawesome/js/brands.js' %}"></script>
  <script src="{% static 'your-path-to-fontawesome/js/solid.js' %}"></script>
  <script src="{% static 'your-path-to-fontawesome/js/sharp-thin.js' %}"></script>
  <script src="{% static 'your-path-to-fontawesome/js/duotone-thin.js' %}"></script>
  <script src="{% static 'your-path-to-fontawesome/js/sharp-duotone-thin.js' %}"></script>
</head>
<body>
  <i class="fa-solid fa-user"></i> <!-- uses solid style -->
  <i class="fa-brands fa-github-square"></i> <!-- uses brand style -->
  <i class="fa-sharp fa-thin fa-dog"></i> <!-- uses pro styles -->
  <i class="fa-duotone fa-thin fa-dog"></i>
  <i class="fa-sharp-duotone fa-thin fa-dog"></i>
</body>

You're all set!

Your project will now load Version 7 and render any existing icons using our newest and freshest icons and options. Are you running into trouble? Check out our troubleshooting guide for answers to common questions about using Font Awesome on the Web.

    No results