Icons like lucide. All icon libraries in this list are free, support download as SVG, and open source. Feb 4, 2026 路 Feel limited with Lucide icons? Find 5 superior icon libraries offering filled, duotone & multiple weights and variety. These icons come from popular sets like Lucide, Heroicons, and Iconoir. All props like regular lucide icons can be passed to adjust the icon appearance. If you're looking for more alternatives (free and paid), Streamline is the next best alternative. It intentionally ships no real rendering logic or components — other packages (for example @lucide/angular) can consume this data to render icons in their respective frameworks. 1. Free & premium options from 280 to 46,000+ icons. Icons must be designed on a 24 by 24 pixels canvas. Lucide lab is a collection of icons that are not part of the Lucide main library. Lucide icons are wonderful. tbf, I haven't used Font Awesome in a while though, so I don't know if this is something they offer or not. 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. 4. Beautiful & consistent icon toolkit made by the community. Preact components for Lucide icons that provide React-like development experience with a smaller footprint. If not that, then I'll find some library to use on IcoMoon. Conclusion With so many high-quality, free, and open source icon libraries available, you can find the perfect set of icons for any project. Combining icons You can combine multiple icons into a single icon by nesting SVG elements. Icons Combining icons You can combine multiple icons into a single icon by nesting SVG elements. Using the Icon component This creates a single icon based on the iconNode passed and renders a Lucide icon component. I use Lucide and like it a lot. Static usage Implementation of the lucide icon library for multiple usages that like to use: SVG files icons, SVG Sprite, Icon Fonts and static SVG strings export in Common JS modules (for NodeJS). They can be used by using the Icon component. 1 day ago 路 New icons are organized into "packs" and then referenced using the same familiar icon syntax across components and configs. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several' and is an app in the photos & graphics category. Apr 7, 2024 路 Just like different fonts deliver different feels, a new set of icons can support your brand, design vision, etc. Icons must have at least 1 pixel padding within the canvas. 2 days ago 路 Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. What you can accomplish: 馃摝 What is animated-icons? animated-icons offers a large collection of animated icons you can use on your computer or websites. 2. Icon Design Guide Guidelines and best practices for designing icons for the Lucide icon library. Massive, consistent sets in over 40+ different styles. Icons must have a stroke width of 2 pixels. For more details, see the documentation. This page provides an overview of the Lucide project, its architecture, key components, and how to get started. We would like to show you a description here but the site won’t allow us. . Icon Design Principles Here are rules that should be followed to keep quality and consistency when making icons for Lucide. 2 days ago 路 Lucide is described as 'Open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. @lucide/icons @lucide/icons is a helper library that exports Lucide icon data in a tree-shakable format, also providing utilities for dynamic importing icons. They use only CSS effects to create smooth hover animations without any extra software or programming. All props like the regular Lucide icons can be passed to adjust the icon appearance. For example, the following folder structure demonstrates where to organize icons from Lucide: With Lucide lab or custom icons Lucide lab is a collection of icons that are not part of the Lucide main library. This is useful if you want to create custom icons icons by combining existing ones. May 17, 2024 路 Libraries like Lucide and Phosphor Icons are excellent examples of high-quality, open source icon resources that you should consider. Lucide is a community-driven fork of the popular Feather Icons library, extending it with more icons and broader framework support. Each icon is a lightweight Preact component that renders as an inline SVG, perfect for applications that need React compatibility with minimal bundle size. I like it because I can control the stroke size, which gives you a lot of variety so everything isn't looking so samey. 3. wir whnh bklqge hjpnyhemz oemm bidaj hjwi ltuaqc ecrol zfmaz