Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
Lucide is a community-driven fork of Feather Icons. It was created due to dissatisfaction with the moderation of the Feather Icons project, which had been abandoned with numerous open issues and PRs. Lucide aims to expand the collection of icons while maintaining the original simplistic design language. It welcomes contributions from developers and designers.
The installation process varies depending on the platform or framework you are working with. Below are the installation instructions for some of the major platforms:
You can use Lucide icons on the web by incorporating the SVG files in various ways, such as img, background-image, inline, object, embed, or iframe. Refer to the documentation for more details on implementing Lucide in web applications.
To use Lucide icons in React applications, you can utilize the JavaScript library. Refer to the documentation for more details on implementing Lucide in React applications.
For React Native applications, there is an implementation of the Lucide icon library specifically for that platform. Refer to the documentation for more details on using Lucide in React Native applications.
Lucide provides implementations for both Vue 2 and Vue 3. Refer to the documentation for specific instructions on incorporating Lucide icons in Vue applications.
For Angular applications, Lucide offers an implementation. Refer to the documentation for more details on using Lucide in Angular applications.
Preact users can also benefit from incorporating Lucide icons into their applications. Refer to the documentation for instructions on implementing Lucide in Preact applications.
Lucide provides assets such as font files, SVG files, and an SVG sprite. These assets can be used for static implementations in your project. Additionally, an NPM package is available. Refer to the documentation for more information.
There is a Lucide Figma plugin available. Visit the Figma community page to install the plugin and make use of Lucide icons within Figma.
If you are working on Laravel-based projects, you can use Lucide icons with the help of blade-icons. Refer to the documentation for specific instructions on implementing Lucide in Laravel projects.
Lucide also offers an implementation for Flutter applications. Visit the pub.dev website for more details on using Lucide icons in Flutter.
Svelte users can incorporate Lucide icons in their applications. Refer to the documentation for instructions on implementing Lucide in Svelte applications.
There is an implementation of the Lucide icon library available for Solid applications. Refer to the documentation for more details on using Lucide in Solid.
For Magento 2 Hyva theme based projects, Lucide can be used with the help of Hyvä’s svg PHP view modal. Refer to the documentation for instructions on implementing Lucide icons in Hyva.
Lucide is a community-driven fork of Feather Icons, aimed at expanding the icon set and addressing the disaffection with the original project. It offers an extensive range of icons, official libraries and integrations with popular frameworks and design tools. With a well-maintained codebase and an active community, Lucide provides developers and designers with a reliable and continuously improving icon set.
