Get more control over rendering and features with our Javascript API.
Advertisement
Remove ads with a Pro plan! A subscription to a Pro-level plan will remove all third-party advertisements on fontawesome.com.
And of course Pro-level plans come with… All 30,013 icons in Font Awesome 5 Classic styles of every icon 4 Sharp styles of every icon A Perpetual License to use Pro Services and tools to make easy work of using icons Fresh icons, features, and software updates Plus support from real humans
Get Font Awesome Pro for only $99/yr
Already have a Pro Plan?
Sign in
Access the API There are two ways to access the API depending on how you've integrated Font Awesome into your project.
Using Node.js Set Up Package Access Before you install the SVG Core Package, you'll need to set up access to npm.fontawesome.com
:
If you're using Node.js, the @fortawesome/fontawesome-svg-core
NPM package exports methods that can be used to perform various tasks.
Start by installing the Font Awesome SVG Core package:
Then you can tap into the API from within your app or project:
In the Browser Or you can access the API directly in the browser where Font Awesome is available as a global namespace.
What's the difference between packages?
Remove ads with a Pro plan! A subscription to a Pro-level plan will remove all third-party advertisements on fontawesome.com.
And of course Pro-level plans come with… All 30,013 icons in Font Awesome 5 Classic styles of every icon 4 Sharp styles of every icon A Perpetual License to use Pro Services and tools to make easy work of using icons Fresh icons, features, and software updates Plus support from real humans
Get Font Awesome Pro for only $99/yr
Already have a Pro Plan?
Sign in
While all of the API methods are available through both the Font Awesome and the Font Awesome SVG Core packages, each package has a different default configuration.
Option Font Awesome (JavaScript) Font Awesome SVG Core (JavaScript) Automatically replaces <i>
tags with <svg>
Adds CSS to the <head>
to provide styles for the icons Watches the page (opens new window) for icon changes and additions