* 95 additional icons; including file types, directional, and some existing and new brand icons * Wrong content type in generated CSS #458 * Removal of query string from static resources #458 * SVG font ID's are incorrect in webfont implementation #474
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.
SVG Framework using the JavaScript implementation
Pros:
- Most familiar (still use
<i class="fa fa-user"></i>) - Replaces icons with inline
<svg>elements for you - Includes and packages the CSS features of Font Awesome (like
.fa-spin) - Easy, automatic accessibility handling
- Support for unicode and ligatures (not complete yet)
Cons:
- You need JavaScript
- Not as performant as sprites
- DOM mutations take special handling
- Has a few moving parts
Browser support (tested using BrowserStack):
| On | Edge | IE | Chrome | Firefox | Safari | Opera | Yandex |
|---|---|---|---|---|---|---|---|
| Desktop versions | last 2 | last 2 (10, 11) | last 2 | last 2 | last 2 | last 2 | 14 |
| Mobile versions | - | - | iOS latest Android 6, 5, 4 | iOS latest Android 6, 5, 4 | iOS 9, 10 | - | - |