Font Awesome vs Ionicons

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.

Ionicons is an icon set for web, iOS, Android, and desktop apps, with 1,300 icons described in its usage guide. It is released under the MIT License and is listed as free, including commercial use. Icons are available as SVGs or through a web component that loads requested SVGs and fetches only those currently visible. App icons have filled, outline, and sharp variants; logo icons do not have outline or sharp versions. In Ionic Framework, developers can set separate iOS and Material Design icons. Size and color can be changed with attributes or CSS, and outline stroke width can be adjusted with a CSS custom property. The component can also load a custom SVG from a URL, provided that file contains no scripts or events. The guide recommends aria-hidden for decorative icons and aria-label text for interactive ones. Listed browser support includes Chrome 79+, Safari 14+, Edge 79+, and Firefox 70+; Internet Explorer 11 is not supported. Users can suggest missing icons through a GitHub issue.