Lucide for Preact
Lucide provides a Preact icon component library that makes it easy to integrate icons into your Preact applications. Each icon is available as a standalone Preact component, allowing for seamless integration and customization.
List of features:
- Easy to Use: Import icons as Preact components and use them directly in your Preact 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.
Overview
Getting startedLearn how to get started with Lucide for PReact.Migration from v0Learn how to migrate from v0 to v1 of Lucide.
Basics
ColorAdjust the color of your iconsSizingAdjust the size of your iconsStroke widthAdjust the stroke width of your icons
Advanced
TypescriptAll exported types and how to use themAccessibilityMaking your icons accessibleGlobal stylingApply global styles to all iconsWith Lucide LabUsing lucide-lab with lucide-preactFilled iconsUsing filled icons in lucide-preactAliased NamesUsing aliased icon namesCombining iconsCombine multiple icons into one