Our $1,000,000 Kickstarter stretch goal brought our **SVG Framework** to all of
Font Awesome 5. We are super-excited to bring this to you.
As a Pro backer your early access preview gives you access to this new
framework and we need your help!
[We're collecting feedback here.](https://github.com/FortAwesome/Font-Awesome-Pro/issues/412)
## Different styles
With Font Awesome 5 Pro we are introducing three styles of icons - Solid, Regular, and Light. Each icon will look similar across styles, but will generally have different line thickness or outlines instead of solid fills. Also, some icons may have more customized treatments across styles as well.
| Style | prefix |
|---------|--------|
| solid | fa* |
| regular | far |
| light | fal |
\* Use can use `fas` as well. This is an alias for `fa`
## How do I try the SVG Framework out?
You have two options:
### Option 1: JavaScript
1. Grab one or more of the styles (ex: `alpha/solid.js`) in the `alpha` directory
1. Grab the loader `alpha/loader.js`
1. Place these files in your project static files
1. Include them in the `` of your document
Example:
```html
```
Or if you want to use the light style:
```html
```
Or multiple styles:
```html
```
Optional prefix:
```html
You don't have to have the prefix
```
You can also check out the `alpha/demo-js.html` file included to see an example of how to set this up as well as a reference for what icons you can currently use.
Pros:
- Most familiar (still use ``)
- Replaces icons with inline `
