Each icon can be imported as a React component, which renders an inline SVG element. This way, only the icons that are imported into your project are included in the final bundle. The rest of the icons are tree-shaken away. Additional props can be passed to adjust the icon: ... import { Camera } from 'lucide-react'; // Usage const App = () => { return <Camera color="red" size={48} />; }; export default App;

2 weeks ago - A Lucide icon library package for React applications.. Latest version: 0.577.0, last published: 10 days ago. Start using lucide-react in your project by running `npm i lucide-react`. There are 10835 other projects in the npm registry using lucide-react.

Use this online lucide-react playground to view and fork lucide-react example apps and templates on CodeSandbox.

Each icon can be imported as a React component. Additional props can be passed to adjust the icon: ... import { Camera } from 'lucide-react-native'; // Usage const App = () => { return <Camera color="red" size={48} />; }; export default App;

Free open-source library of 350+ beautifully crafted animated React icons. Built with Motion and Lucide. Copy-paste ready, MIT licensed, fully customizable SVG icons with smooth animations.

Lucide's official packages are designed to work on different platforms, making it easier for users to integrate icons into their projects. The packages are available for various technologies, including Web (Vanilla), React, React Native, Vue, Vue 3, Svelte, Preact, Solid, Angular, Astro, and NodeJS.

Lucide has active community on GitHub and Discord.

lucide-react · Docs · Source · lucide-vue-next · Docs · Source · lucide-svelte · Docs · Source · lucide-solid · Docs · Source · lucide-preact · Docs · Source · lucide-react-native · Docs · Source · lucide-angular · Docs · Source · @lucide/astro ·

Implementation of the lucide icon library for React applications.

1,655 free React icons. Copy components or download SVG, PNG, ICO & WebP.

January 27, 2025 - Lucide React is a modern, high-quality icon library for React, offering customizable, scalable, and easy-to-use icons for your projects.

July 9, 2024 - Easy Integration: Integrating Lucide into your project is a breeze. Whether you’re using React, Vue, Angular, or plain HTML/CSS, Lucide provides simple integration options.

September 7, 2024 - Lucide can be used in any app, it has an npm package, especially for React i.e, lucide-react that can be used in React applications as well as Nextjs apps.

2 weeks ago - Lucide icon library for React Native applications.

Release candidate for Lucide v1 is out!🚀 You're looking at the site for v1, for v0 go to v0 siteSkip to content ... Are you an LLM? You can read better optimized documentation at /guide/react/getting-started.md for this page in Markdown format

Lucide icon library for React applications.

Release candidate for Lucide v1 is out!🚀 You're looking at the site for v1, for v0 go to v0 siteSkip to content ... Are you an LLM? You can read better optimized documentation at /guide/react.md for this page in Markdown format

A Lucide icon library package for React applications.

The great Lucide Icons , a superset of the wonderful Feather Icons .

December 17, 2024 - Community-Driven Evolution Lucide-React isn’t a one-and-done library. It’s open-source and actively maintained by a community that genuinely cares about keeping it fresh and relevant.