lucide/docs/guide/react/index.md

title, nextPage

title	nextPage
Overview	getting-started

<script setup> import OverviewLink from '../../.vitepress/theme/components/base/OverviewLink.vue' import OverviewLinkGrid from '../../.vitepress/theme/components/base/OverviewLinkGrid.vue' import { reactSidebar } from '../../.vitepress/sidebar/react' </script>

Lucide for React

Lucide provides a React icon component library that makes it easy to integrate icons into your React applications. Each icon is available as a standalone React component, allowing for seamless integration and customization.

List of features:

• Easy to Use: Import icons as React components and use them directly in your React components with JSX.
• Customizable: Adjust size, color, and other properties via props.
• Tree-shakable: Only the icons you use are included in your final bundle
• TypeScript Support: Fully typed components for better developer experience.

React components for Lucide icons that integrate seamlessly into your React applications. Each icon is a fully-typed React component that renders as an optimized inline SVG, giving you the flexibility of components with the performance of vector graphics.

Overview

Basics

{{''}}

Advanced

{{''}}

Resources

{{''}}