Font Awesome vs Vivid.js
Font Awesome
fontawesome.comVivid.js
webkul.github.ioSide by side
| Figure | Font Awesome | Vivid.js |
|---|---|---|
| Price from | $4/mo | Free |
| Free plan | Yes | Yes |
| Free trial | — | — |
| Open source | — | — |
| Web | Yes | Yes |
| Windows | Yes | — |
| macOS | Yes | — |
| Linux | Yes | — |
| API | Yes | — |
| Self-hosted | Yes | — |
| Plans published | 4 | 1 |
| Spec score · Icon Libraries | 9.2 (#1) | 7.0 (#38) |
| Customization | The web styling toolkit supports sizing, rotation, animation, stacking, duotone, and other icon styling options. | Icons can be customized individually with HTML data attributes for size and primary, accent, and prop colors. |
Plans
In their own words
Font Awesome
Font Awesome is an icon library and toolkit for adding icons to software and design projects. Its maker lists more than 60,000 icons and over 30 styles; the Font Awesome 7 page lists 65,928 Pro icons and 2,163 Free icons. Web Kits can add icons through an embed code, and icons are also available as downloads or packages. Styling options include sizing, rotation, animation, stacking, duotone, counters and transforms. Pro Kits support uploaded custom icons alongside the library. Documentation covers Vue, React, Ember, Angular, SCSS, WordPress and Squarespace, plus desktop design programs including Figma, Sketch and Illustrator. Developers can use JavaScript and GraphQL APIs, and can host the library themselves using web fonts or SVGs. The Free plan includes 2,163 icons, one Kit and 10,000 pageviews. Starter costs $4 a month, billed $48 per year, billed annually, and is CDN-only without downloads or a perpetual license. Pro+ icons are available in Kit packages, not other packages.
Vivid.js
Vivid.js has no write-up on Specifiction yet; its figures are above.