15 alternatives to Font Awesome (all free)
15 alternatives to Font Awesome, picked out of 3 saved Instagram reels and 4 liked tweets, from creators like @zander_supafast, @oykun, @noahelhadedy. 15 of them are free, freemium or open source.
Lucide is an open-source vector icon library designed as a community-driven continuation and expansion of Feather Icons. It provides over 1,800 clean, consistent outline icons available as SVGs or native components across major web and mobile frameworks. Its packages are fully customizable and support tree-shaking to keep production bundles light.
Heroicons is a curated set of over 300 hand-crafted SVG icons created by the makers of Tailwind CSS. It provides clean, standardized UI icons in outline, solid, mini, and micro styles. It offers direct SVG copy-paste, official React and Vue packages, and a dedicated Figma community file.
Lordicon is a collection of over 47,000 hand-crafted animated vector icons organized across multiple visual styles like Wired, System, and Doodle. Each icon can be customized with adjustable colors, stroke widths, and animation triggers before exporting to formats like Lottie, GIF, or SVG. It also provides dedicated integrations including an npm web element, React components, and Figma plugins.
CoreUI Icons is an open-source library containing over 1,500 linear, brand, and flag icons. It provides assets in SVG, Webfont, and raster formats, designed for integration into web and mobile interfaces. Dedicated wrappers are available for common frontend frameworks including React, Vue, and Angular.
Feather is a collection of minimalist, open-source icons built on a 24x24 grid. It provides clean line icons with an emphasis on simplicity, consistency, and readability. The web interface allows quick searching, customization of stroke width, size, and color, and one-click SVG downloads.
Hugeicons is a large library containing over 60,000 icons organized into 10 styles, including stroke, duotone, twotone, and solid options. It is designed to save designers and developers from creating custom assets by providing consistent, ready-to-use iconography. The collection integrates directly into workflows via Figma and Framer plugins, NPM packages for popular frontend frameworks, and CDN icon fonts.
Iconoir is an open-source library of over 1,600 cleanly designed outline icons. It requires no accounts, subscriptions, or paid tiers, and is distributed both as raw SVG files and native packages for platforms like React, Flutter, and Figma.
Ionicons is a widely used, MIT-licensed icon collection created by the Ionic Framework team. It provides hand-crafted icons in outline, filled, and sharp variants, along with brand logos. The pack can be embedded directly as web components or downloaded as raw SVG files.
Mage Icons is a free, open-source icon library licensed under Apache 2.0. It provides stroke and fill styles for common UI and brand icons, with support for Figma and React environments.
Nucleo Credit Card Icons is an open-source collection of payment-related SVG icons designed in a consistent rounded-card style. It covers major card networks, digital wallets, and security indicators like CVC badges. The icons can be previewed online, opened in the Nucleo web app, or downloaded directly for checkout and billing interfaces.
Phosphor Icons is an extensive icon library featuring over 9,000 icons designed for user interfaces, diagrams, and presentations. It provides multiple weights and styles with integrations for design tools like Figma and Sketch, as well as code packages for major web frameworks.
React Icons aggregates dozens of popular open-source icon sets into a single package for React applications. It uses standard ES6 imports so bundlers can tree-shake and only include the specific SVGs you render in your project. It saves you from installing separate wrapper packages for Font Awesome, Material Design, Ionicons, and others.
This design workflow tip recommends against spending time manually drawing common vector icons in Figma or other UI tools. It points designers toward polished, consistent libraries like Hugeicons, Lucide, and Heroicons to save time and maintain visual consistency across projects.
Tabler Icons is a massive library of over 6,200 open-source vector icons designed on a 24x24 grid with customizable stroke widths, sizes, and colors. It provides ready-to-use packages for major web frameworks like React, Vue, and SolidJS, as well as a native Figma plugin. It is one of the most comprehensive free icon packs available for user interfaces and design systems.
The Noun Project offers a massive catalog of nearly 10 million vector icons and high-resolution stock photos created by a global community. It provides downloadable SVG and PNG formats along with direct integrations into design tools like Figma, Adobe, and PowerPoint. It is widely used to maintain visual consistency in user interfaces, presentations, and branding.