17 alternatives to Heroicons (all free)
17 alternatives to Heroicons, picked out of 8 liked tweets, from creators like @abhijitwt, @zander_supafast, @oykun. 17 of them are free, freemium or open source.
Looking for Heroicons itself? Heroicons: Free, open-source SVG icon library created by the Tailwind CSS team
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.
lucide-animated is an open-source library featuring over 350 animated React icons based on the Lucide icon set. Built using Motion, each icon includes smooth micro-interactions that trigger on hover. Icons can be copied directly or installed into React and Next.js projects using the shadcn CLI.
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.
Famicons is an open-source icon collection featuring over 1,300 icons designed for web, desktop, and mobile applications. Built alongside the Family Framework, it provides filled, outline, and sharp variations tailored for both Material Design and iOS aesthetics. It includes a dedicated web component that dynamically loads SVGs only when visible.
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.
Iconhub is a free library of vector icons organized across common digital design categories. It allows users to adjust icon styles, size, stroke weight, and colors directly in the browser before downloading.
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.
its hover is a collection of monoline animated icons provided as editable React components. Built to integrate with frameworks like Next.js and styling libraries like shadcn/ui, it lets developers copy code or download animated SVGs directly from a searchable web directory. It covers general UI symbols, tech brand logos, and interface interactions.
itshover is an open-source library of motion-first animated icons built with React and Motion. It provides drop-in React components that trigger purposeful micro-animations on hover or user interaction. Developers can install icons directly through shadcn CLI or copy the TypeScript source code directly into their projects.
Keyline Icons is a cohesive library of over 1,300 icons drawn on a 24×24 grid, designed to match shadcn/ui defaults. Each icon comes in stroke, two-tone, duotone, and fill styles with both rounded and sharp corner variants (over 10,000 files total). It is free for personal and commercial projects under the MIT License.
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.
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.
Stash Icons is a collection of 24x24 pixel icons crafted by the Pingback team. Available as React and TypeScript components or raw SVGs, the icons come in five distinct styles including duotone, light, regular, solid, and editor variants. It also includes Figma assets for UI designers.
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.