Lucide vs heroicons. Aug 26, 2025 · Conclusion There you have it - the best Lucide icons alternatives when you’re fed up with the icon library. 0105 icons Gala IconsGPL51 icons HeroIcons v1 OutlineMIT230 icons HeroIcons v1 SolidMIT230 icons Font Awesome 6 SolidCC BY 4. dev/ Oct 14, 2024 · Lucide is an open-source icon library that offers beautiful & consistent 1,500+ icons. Almost all parts of the project use MIT license. Lucide Icons GitHub Stars: 16k+ Install: npm install lucide-react Lucide is a clean, modern revamp of Feather Icons—optimized for React 19 and lightweight builds. It offers a modern and customizable set of icons perfect for web and mobile applications. Icon sets use various open source licenses, see each icon set for details. Iconify is an open source project. If you want to contribute an icon feel free to open an issue at: Lucide Github. The decision to create Lucide arose from growing dissatisfaction with the moderation of the Feather Icons project. Have you tried any of these in your projects? 3. Which one is best for you really depends on how and what you use the icon library for. Include icon sets HeroIcons and most other icon libraries are just functions that returns a svg, be careful on how you import/export them as it can dramatically increase your bundle size. It provides over 1,500 clean and scalable icons designed for a wide range of lucide vs react-icons tabler vs AdminLTE lucide vs heroicons tabler vs Tufte CSS lucide vs iconify tabler vs fastapi-admin SurveyJS: Build JSON-Driven Surveys and Forms with Full Data Control LivelyIcons vs Lucide, Heroicons, Phosphor. Latest version: 0. It is suitable for enterprise projects requiring stability and a wide variety of symbols. devin-ai-integration bot mentioned this issue May 9, 2025 Remove Heroicons completely in favor of Jan 4, 2025 · ⚡ Prioritize performance? → Lucide React 🎯 Using Tailwind? → Heroicons 🎪 Building with Material Design? → Material Icons React Let's Discuss! I'd love to hear your experiences: 1. Glyph collections: Font Awesome, Material Design Icons, Octicons, & more lucide - Beautiful & consistent icon toolkit made by the community. 01402 icons Font Awesome 6 RegularCC BY 4. It provides a vast collection of modern, lightweight, and customizable icons. Select semantically appropriate icons for websites using Lucide, Heroicons, or Phosphor. Blade Icons A package to easily make use of SVG icons in your Laravel Blade views. Jan 28, 2024 · I believe using react-icons is better instead of lucide-react, it contains all Lucide Icons and many elses which can be used, I have seen some project that manually replaces the icons library becau We use both at the moment - Heroicons mostly and Lucide when it doesn't have the icon. 3,600+ icons, 50+ patched fonts: Hack, Source Code Pro, more. js apps with clean UI 2. Recently Bootstrap's creator, Mark Otto also released an open source SVG powered icon library. lucide Beautiful & consistent icon toolkit made by the community. Lucide is a community-run fork of Feather Icons, open for anyone to contribute icons. This unfortunately means that hundreds of developers and designers wasted their time contributing to Feather Icons with no chance of Lucide Svelte Svelte components for Lucide icons that work seamlessly with both Svelte 4 and Svelte 5. It Mar 9, 2026 · Side-by-side comparison of Lucide and Heroicons: icon count, style, license, React support, and which to choose for your next project. Perfect for adding some magic to your websites, web apps and dashboards. [1] https://lucide. Pros: Tree-shakable and accessible Customizable for dark mode Developer-friendly syntax Cons: ⚠️ Slightly limited icon set Best Use: Lightweight Next. UX Icons gives you direct access to over 200,000 vector icons from popular icon sets such as FontAwesome, Bootstrap Icons, Tabler Icons, Google Material Design Icons, etc. Jan 1, 2026 · I’ve searched through hundreds of icon sets over the years and picked out the best free icon sets for UI design. If you need to show selected vs unselected states with filled vs outlined icons, Lucide won't work. Start using react-icons in your project by running `npm i react-icons`. iconify vs unplugin-icons lucide vs react-icons iconify vs Fomantic-UI lucide vs heroicons iconify vs homepage lucide vs tabler SurveyJS: Build JSON-Driven Surveys and Forms with Full Data Control Nov 13, 2025 · A practical guide to using icons in shadcn/ui projects. Some older packages use Apache 2. Nov 8, 2024 · Lucide is outline-only. 577. Lucide picks up beautifully where it left off. 3. May 2, 2023 · Find helpful examples and other highlights in this round-up of the best free icon libraries for Vue. Let's get started! 💡 If you'd like a weekly email with frontend resources like this, I publish a weekly newsletter here. Apr 7, 2024 · Also, Lucide Icons are optimized and available for all kinds of frameworks from React to Svelte over to Nuxt. We would like to show you a description here but the site won’t allow us. Compare Lucide, HeroIcons, Material Symbols, Radix Icons, and Phosphor Icons to find the perfect fit for your design system. Download SVG and PNG icons or install via CLI. Apr 18, 2024 · Explore the top 8 React icon libraries for 2026. Feather is great as are their design guidelines, but it needs way way more icons. What open source icon libraries do you use for your projects? Or do you use custom ones? MaterialDesign vs Font-Awesome lucide vs react-icons MaterialDesign vs tiptap-vuetify lucide vs heroicons MaterialDesign vs emacs-svg-icon lucide vs tabler SurveyJS: Build JSON-Driven Surveys and Forms with Full Data Control The symfony/ux-icons package offers simple and intuitive ways to render SVG icons in your Symfony application. It provides a Twig function to include both local and remote icons in your templates. Jan 27, 2025 · The best Heroicons alternatives are SVGL, Font Awesome and Flat-icons. Lucide Alternatives Similar projects and alternatives to lucide React 1 2,024 243,943 9. Free & premium options from 280 to 46,000+ icons. rails_icons - Add any icon library to a Rails app. 0 and/or GPL 2. When comparing Font-Awesome and heroicons you can also consider the following projects: nerd-fonts - Iconic font aggregator, collection, & patcher. #lucideicons #heroicons #uidesign #webdesign #frontenddeveloper". react-emoji - An emoji mixin for React tabler - Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap React Icons Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. How to Choose: font-awesome vs ionicons vs material-icons vs feather-icons vs heroicons vs boxicons vs line-awesome font-awesome: Choose font-awesome if you need the largest ecosystem of icons with extensive brand and solid style options. File size and performance: Lucide icons tend to be the smallest and cleanest. Compare Lucide, HeroIcons, Material Symbols, and Radix Icons with practical integration workflows and recommendations. Dec 7, 2025 · Discover the best icon libraries for React projects using shadcn/ui and Tailwind CSS. Support for Feather, Lucide, Heroicons, Tabler and others Free React icons for shadcn/ui. Lucide Icons Lucide Icons is an open-source icon library that is a community-maintained fork of Feather Icons. dev icons may be different than the default sizes of heroicons, which means you may need to add className="w-4 h-4" or similar to the lucide. Open-source project and a fork of Feather Icons. There are 10761 other projects in the npm registry using lucide-react. Lucide is a more complete icon set and the official one used in shadcn. 6. Our crowd-sourced lists contains more than 25 apps similar to Heroicons for Web-based, Figma, Self-Hosted, Google Chrome and more. It explicitly doesn’t have a React library, so it’s better for one-off use cases. Lucide is an open-source icon library that provides 1600+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. That's why choosing the right icon library is more than What are some alternatives? When comparing lucide and ng-icons you can also consider the following projects: react-icons - svg react icons of popular icon packs ngx-icon-blur - An Angular component that can be used to create frosted glass effect of icons. That's why choosing the right icon library is more than There are quite a lot of awesome icon font libraries out there, the most popular one being Font Awesome. Icons8 Large icon packs of over 10K icons, so you can find visually consistent icons for all your design. Mar 7, 2026 · Lucide vs Heroicons – Which Icon Library Should You Use? Side-by-side comparison of Lucide and Heroicons: icon count, style, license, React support, and which to choose for your next project. Are there any great libraries I missed? Feb 1, 2026 · 5 likes, 0 comments - codewithjeetz_ on February 1, 2026: "Free Icons That Look Premium | Lucide vs Heroicons Free icons use kar rahe ho par UI cheap lag rahi hai? Try Lucide & Heroicons — clean, minimal, professional Perfect for modern web & UI design. A Lucide icon library package for React applications. Learn about Lucide icons, alternative icon libraries, customization options, and how to keep Figma and code in sync. Jun 20, 2025 · 1. Feature comparison showing why LivelyIcons is the only library with built-in animations. Looks pretty neat. dev Suggest When comparing react-icons and lucide you can also consider the following projects: iconify-react - Iconify icon component for React heroicons - A set of free MIT-licensed high-quality SVG icons for UI development. Heroicons GitHub Stars: 18k+ Install: npm install Select semantically appropriate icons for websites using Lucide, Heroicons, or Phosphor. dev Suggest React Icons Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. This open-source library is compatible with various frameworks including React and Vue, allowing for integration into Next. It’s perfect for dashboards, SaaS products, and clean UIs. To grab an icon, you go to the website and copy the SVG or JSX code. 3,600+ icons, 50+ patched fonts: Hack, Source Code Feb 15, 2025 · Welcome! In this guide, we're going to take a look at a selection of stunning icon libraries, which are free and open-source. It Apr 20, 2023 · we are now using lucide. Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. Checkout the License. The variety of icons is limited however compared to fontawesome Compare lucide vs heroicons and see what are their differences. Mar 9, 2026 · Side-by-side comparison of Lucide and Heroicons: icon count, style, license, React support, and which to choose for your next project. These icons are totally free for personal and commercial use. Which icon library is your favourite? 2. Like the Heroicons on the right. Feb 15, 2025 · Welcome! In this guide, we're going to take a look at a selection of stunning icon libraries, which are free and open-source. Apr 20, 2024 · As developers, we're constantly on the lookout for tools that not only streamline our workflow but also elevate the visual aesthetics of our projects. Heroicons Heroicons is a modern, beautifully designed icon library. Lucide offers additional icons and variations, allowing for greater flexibility and design options in your projects. Comparison Lucide vs Feather Icons Lucide is a community-driven fork of Feather Icons. 4 days ago · Compare Heroicons and Lucide side-by-side on market share, popularity by country, and top sites using them. Oct 27, 2024 · } Heroicons Heroicons is an icon set designed by the creators of Tailwind CSS. Nov 18, 2025 · A comprehensive comparison of icon libraries for shadcn/ui projects. We're expanding the icon set as much as possible while keeping it nice-looking. What you can accomplish: Use icons as Svelte components with full reactivity and TypeScript support Bind icon properties We would like to show you a description here but the site won’t allow us. Fluent and Material are slightly larger but still very efficient. RemixIcon vs homepage lucide vs react-icons RemixIcon vs Stream-Framework lucide vs heroicons RemixIcon vs Font-Awesome lucide vs tabler InfluxDB – Built for High-Performance Time Series Workloads Apr 20, 2024 · As developers, we're constantly on the lookout for tools that not only streamline our workflow but also elevate the visual aesthetics of our projects. 3,600+ icons, 50+ patched fonts: Hack, Source Code Jan 4, 2025 · ⚡ Prioritize performance? → Lucide React 🎯 Using Tailwind? → Heroicons 🎪 Building with Material Design? → Material Icons React Let's Discuss! I'd love to hear your experiences: 1. Each icon is a reactive Svelte component that renders as an inline SVG, providing excellent performance and integration with Svelte's reactive system and modern features. Apr 4, 2024 · heroicons - A set of free MIT-licensed high-quality SVG icons for UI development. Alternative of Flaticon, Iconmonstr, SVG Repo. Makes using SVG icons as simple as Browse and download 250,000+ free SVG icons for your projects that are free to use and customizable. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several official packages. You'd need to mix libraries or use a different approach. Choose from a wide selection of icon sets. This license does not apply to icons. heroicons VS lucide Compare heroicons vs lucide and see what are their differences. What are some alternatives? When comparing heroicons and Font-Awesome you can also consider the following projects: lucide - Beautiful & consistent icon toolkit made by the community. With more than 300 open issues and over 100 open PRs, the Feather Icons project has been abandoned and is no longer actively maintained. 0163 icons Apr 20, 2023 · we are now using lucide. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several official packages to make it easier to use these icons in your project. 0, last published: 8 days ago. Start using lucide-react in your project by running `npm i lucide-react`. Jan 28, 2024 · I believe using react-icons is better instead of lucide-react, it contains all Lucide Icons and many elses which can be used, I have seen some project that manually replaces the icons library becau When comparing fluenticons and lucide you can also consider the following projects: fonts react-icons - svg react icons of popular icon packs fluentui-system-icons - Fluent System Icons are a collection of familiar, friendly and modern icons from Microsoft. Covers concept-to-icon mapping, React/HTML t 1스타 | 작성자: ma1orek 4 days ago · Compare Heroicons and Lucide side-by-side on market share, popularity by country, and top sites using them. A flexible icon family for interfaces, diagrams, presentations — whatever, really. Icons might be small, but their impact on user experience and design is significant. Are there any great libraries I missed? A guide on how to install Lucide, an open-source icon library, for various platforms and frameworks. This confuses LLMs and humans and makes it harder to have a consistent visual style. I’ve been using Heroicons lately and like the ease of use as you just copy and paste the svg and style it inline using tailwind classes. An open-source icon library, a fork of Feather Icons. Free Icons That Look Premium 😮 | Lucide vs Heroicons Kya aap free icons use kar rahe ho par UI professional nahi lag rahi? Problem icons ka quality aur consistency hota hai. 0, last published: 19 days ago. Aug 24, 2023 · None yet Development Code with agent mode Replace most Hero icons by ones from Lucide elan-ev/tobira Participants Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. dev in calcom/icons and we should get rid of heroicons altogether: @gitstart-calcom one thing to keep in mind is that the default sizes of lucide. heroicons - A set of free MIT-licensed high-quality SVG icons for UI development. It began after growing disaffection with the Feather Icons project moderation. When comparing fluenticons and lucide you can also consider the following projects: fonts react-icons - svg react icons of popular icon packs fluentui-system-icons - Fluent System Icons are a collection of familiar, friendly and modern icons from Microsoft. There are 9619 other projects in the npm registry using react-icons. A guide on how to install Lucide, an open-source icon library, for various platforms and frameworks. heroicons A set of free MIT-licensed high-quality SVG icons for UI development. Heroicons GitHub Stars: 18k+ Install: npm install SVG React icons of popular icon packs using ES6 imports. Latest version: 5. dev icons when removing hero icons. Feb 24, 2025 · 1. Feb 4, 2026 · Feel limited with Lucide icons? Find 5 superior icon libraries offering filled, duotone & multiple weights and variety. There are 11089 other projects in the npm registry using lucide-react. (by lucide-icons) Editable data grid / spreadsheet Icons svgs feather-icons Figma ui-design UI Components React Vue SVG svg-icons Source Code lucide. Compare features, performance, and styles to choose the best icon set for your next React project. Comprehensive comparison of react-icons, @radix-ui/react-icons, heroicons npm packages, including features, npm download trends, ecosystem, popularity, and performance. Compare lucide vs heroicons and see what are their differences. js projects. Mar 9, 2025 · 9. (by tailwindlabs) Jun 20, 2025 · 1. Hero Icons Heroicons is a beautiful, well-crafted icon set made by the Tailwind CSS team. 9 JavaScript lucide VS React Aug 19, 2024 · Github Octicons icons Grommet-Icons Heroicons Heroicons 2 IcoMoon Free IconPark Icons8 Line Awesome We would like to show you a description here but the site won’t allow us. There’s not a ton of icons available, but I like supporting the Tailwind team as I use their framework heavily. 0 licenses. Oct 9, 2024 · Integration & Formats: SVG, React, Vue Features: Free, open-source, optimized for web Categories: Outline icons Website: Heroicons 3. Include icon sets icons vs svelte-fontawesome lucide vs react-icons icons vs ng-icons lucide vs heroicons icons vs virtual lucide vs tabler InfluxDB – Built for High-Performance Time Series Workloads React Icons simplifies the process of integrating icons into your projects and is an excellent choice for developers looking for flexibility and variety. Use a free and open-source set of SVG icons built for Tailwind CSS and the Flowbite UI component library featuring hundreds of solid and outline styles Oct 16, 2022 · Lucide [1] is a very active fork of Feather and what I’ve been using for the past few years instead. Lucide provides a vibrant collection of over 1,500 minimalistic icons that are scalable and customizable. With over 300+ open issues and over 100+ open PRs, the Feather Icons project has been abandoned. dev Suggest HeroIcons and most other icon libraries are just functions that returns a svg, be careful on how you import/export them as it can dramatically increase your bundle size. 1. Lucide Lucide is an open-source icon library that offers a beautiful and consistent collection of icons, curated by the community. Lucide, Material, Heroicons, Font Awesome, and more. js apps, even those with niche use cases. Aug 24, 2023 · None yet Development Code with agent mode Replace most Hero icons by ones from Lucide elan-ev/tobira Participants How to Choose: lucide-react vs feather-icons vs feather-icons-react vs remixicon-react lucide-react: Opt for Lucide React if you prefer a more extensive and customizable icon set that builds upon the Feather Icons concept. nerd-fonts - Iconic font aggregator, collection, & patcher. One of the unsung heroes in achieving slick, professional-looking digital interfaces is the humble icon. Copy Raw SVG code or download as PNG, SVG, JSX or Base64 formats. Icons8 Windows 10 IconsMIT234 icons Innowatio FontApache 2. To explore how remixicon-react compares with these alternatives, check out the comparison: Comparing font-awesome vs heroicons vs material-icons vs react-fontawesome vs react-icons. Heroicons Website — 288 icons — React — Vue — Figma Oct 27, 2024 · } Heroicons Heroicons is an icon set designed by the creators of Tailwind CSS. . We can see in the blog that there are plenty of icon libraries out there that are even more versatile and excellent than we might expect. Covers concept-to-icon mapping, React/HTML t 1스타 | 작성자: ma1orek Mar 16, 2024 · Compare lucide vs react-icons and see what are their differences. acjc fdymvb qiph kfbweny zkpwa sjhbhws sbxy ryhwy iffn tkia