# Font Awesome Docs

Official documentation for Font Awesome.

<div class="wa-flank">
  <div>
      Get set up and learn how to use icons in your projects, awesomely. We've got set-up guides for those just getting started, styling guides to add some flair, and deeper dives for fine-tuning Font Awesome to suit your needs.
  </div>
  <img class="wa-align-items-center" src="assets/images/terms-illustration.svg" />
</div>

<div class="home-cards">
  <a href="/web/setup/get-started.md">

      <h4 slot="header" style="display: flex; justify-content: space-between; align-items: center;">Getting Started </h4>
      If you're new to Font Awesome, or just need a refresher. Here are some tips to help you get started.

  </a>
</div>

<div class="home-cards">
  <a href="/web/style.md">

      <h4 slot="header" style="display: flex; justify-content: space-between; align-items: center;">Styling Icons </h4>
      Make your icons look the best with our styling tools, whether you want to size, rotate, animate, or more.

  </a>
</div>

<div class="home-cards">
  <a href="/web.md">

      <h4 slot="header" style="display: flex; justify-content: space-between; align-items: center;">On Websites </h4>
      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.

  </a>
</div>

<div class="home-cards">
  <a href="/desktop/setup/get-started.md">

      <h4 slot="header" style="display: flex; justify-content: space-between; align-items: center;">In Desktop Apps </h4>
      Use icons in desktop design programs like Figma or Illustrator, or craft nice looking docs or slides - we've got you covered.

  </a>
</div>

<div class="home-cards">
  <a href="/web/add-icons/upload-icons.md">

      <h4 slot="header" style="display: flex; justify-content: space-between; align-items: center;">Uploading Icons </h4>
      Now with the magic of Kits and the Icon Wizard, you can add your own custom icons and use them right alongside official Font Awesome ones!

  </a>
</div>

<div class="home-cards" style="margin-bottom: 2rem;">
  <a href="/apis.md">

      <h4 slot="header" style="display: flex; justify-content: space-between; align-items: center;">Font Awesome APIs </h4>
      Between our Javascript API and our GraphQL API, we're ready to answer all your requests.

  </a>
</div>

<h3 style="margin-top: var(--wa-space-xl); font-size: var(--wa-font-size-l)">Looking for help with older versions of Font Awesome?</h3>

<div class="wa-grid">

    Font Awesome 6 Docs

    Font Awesome 5 Docs

</div>