Skip to main content

Font Awesome Icons

info

Using Font Awesome directly is also an option if you require an extended icon library set not available within the defined core and product sets.

Icon kit code​

This kit includes all the free and pro icons available via Font Awesome.

<script
  src="https://kit.fontawesome.com/d2cfd42a1f.js"
  crossorigin="anonymous"
></script>

How to use​

Add the Font Awesome icon kit code within the head of your application's page.

<html>
  <head>
    <script
      src="https://kit.fontawesome.com/d2cfd42a1f.js"
      crossorigin="anonymous"
    ></script>
  </head>
  <body>
    <i className="fa-solid fa-thumbs-up fa-5x"></i>
  </body>
</html>

Available Icons​

In order to start using the icons just reference the Font Awesome site directly for the icon classnames.

For all available icons​

https://fontawesome.com/icons

Example​

<i className="fa-thumbs-up fa-5x"></i>