If you like control, you can host Font Awesome yourself, and you can choose to use SVG + JS described below or Web Fonts + CSS to get icons into your projects.
Set up with SVG+JS
all.js file contains the core styling PLUS all of the icons in all the styles that you'll need when using Font Awesome. If you’re just using some styles, you can select just the JS files for the styles you need to cut down on file size and improve performance.
|Which Files and Folders ||What’s in there|
|Icons and scripts for each style, or all of them at once.|
|Just the Free icons and scripts for each style.|
Add Font Awesome Files to Your Project
all.js or individual style script files you want to use into your project’s static assets directory, or wherever you prefer to keep front-end assets or vendor stuff.
Copy the all.js or individual style files into your project directories
Reference Font Awesome in Your Project
Link the files into the
<head> of each template or page where you want to use Font Awesome icons.
Yuss! You’re Ready to Add Icons
Like Anakin said, it’s woooorking! All of our icons are now ready to do your project’s bidding. Learn how to add them to your project and then use their power to bring order and style to your UI! Add Some Icons!
Using Only Certain Styles
Want use only certain styles when using our SVG with JS framework? The
/js folder contains the core styling and additional files for all of Font Awesome's style options- solid, regular, light, duotone, thin, and brands.
|Icon Style ||JS Filename ||Availability|
|Font Awesome Brands || |
|Font Awesome Solid || |
|Font Awesome Regular || |
|Font Awesome Light || |
fontawesome.js loader and the
.js files for the styles you'd like to use into your project's static assets directory (or where ever you prefer to keep front end assets or vendor stuff). We recommend referencing the
fontawesome.js loader last.