The Font Awesome 6 Alpha requires that you self-host the Font Awesome assets, and these docs will get you set up and running.
Use Font Awesome in all your apps, sites, and other web projects. You can choose between our Web Fonts or the SVG+JS method, depending on what's right for your project.
If you're using a package manager, grab one of our packages that you can use with npm or yarn.
Add the Font Awesome typefaces and get going fast with our easy-to-use ligatures in design apps like Illustrator, Figma, and Sketch.
If you use CSS pre-processors like Sass and Less, you can seamlessly blend Font Awesome icons with your existing styles and build process.
Get started with Sass Get started with Less
We're working on even more ways to use Font Awesome 6! Some are even available now with Font Awesome 5. See what's still to come in v6
We've made to make moving to Version 6 as easy as possible. Start upgrading and get the latest and greatest. Just remember, that this is an early Alpha release and here may be fa-dragons.
In this zip, you'll find everything you need to get started with Font Awesome 6. Here is a list of what is inside:
| Files and Folders | What’s in there |
|---|---|
demo-macos | Program that runs the documentation on Mac OS X |
demo-win.exe | Program that runs the documentation on Windows |
demo-linux | Program that runs the documentation on Linux |
documentation/ | This docs site about how to use the Font Awesome 6 Alpha |
fontawesome6/ | All the magic of Font Awesome, but now more six-y |
readme.txt | A text intro to Font Awesome 6 |
Inside the fontawesome6 folder are a ton of icons, styles, and goodness - it's the heart of gold for the Font Awesome 6 alpha. You'll see folders for both the free and a pro assets - Choose the one that's right for your project.
Use the Pro assets and files for the widest variety of icons and styles, and Free assets and files for open source projects.
If you're working on an app or web project, you'll host these assets and files yourself or install via one of our npm packages. If you're working on a desktop design or print project, you'll add the fonts to your system fonts or the SVG images directly to your files.
Here's what's hidden inside:
| Files and Folders | What’s in there |
|---|---|
css/ | Styles sheets for using Web Fonts |
js/ | Javascript for using SVGs on the web |
less/ | Files for using Font Awesome as part of your Less pipeline |
LICENSE.txt | License for use of the free or pro assets |
otfs/ | Ligature-based font files for each style for using in desktop apps |
scss/ | Files for using Font Awesome as part of your Sass pipeline |
sprites/ | A single SVG sprite image file for each style |
svgs/ | Icons as individual SVG files |
webfonts/ | Icons as Web Fonts (Use with CSS) |
Once you’re set up, it’s super easy to add icons to your project, add some style, and fine tune Font Awesome for just what you need.
Pick from any of our 8000+ icons. Not sure where to start? Try exploring some categories, like Medical, Arrows, Weather, Education, or Food, just to name a few.
Want to really make your icons work? Try out some of the styling options you get out of the box with Font Awesome: size, rotate, stack, transform and more.
Learn details about topics like performance, browser support, accessibility, upgrading and more to get the most out of all Font Awesome has to offer.
Take Your Font Awesome to the Next Level
Hit a snag? Here are the answers to some commonly asked questions and troublesome spots.