Lucide: Open-source icon library with 1000+ SVGs
Framework-agnostic SVG icons with native component packages.
Learn more about Lucide
Lucide is an open-source icon library distributed as SVG files and framework-specific npm packages. The project originated as a fork of Feather Icons and provides a collection of over 1000 vector icons designed for consistency across digital projects. Icons are available through multiple package implementations, including vanilla JavaScript, React components, Vue components, and integrations for Svelte, Solid, Preact, React Native, and Angular. The library also includes a Figma plugin for design tool integration.
Multi-framework packages
Provides framework-specific implementations for React, Vue, Angular, Svelte, Solid, Preact, and React Native rather than requiring manual SVG imports or wrapper components. Each package is published separately to npm with framework-optimized APIs.
Community-driven maintenance
Operates as a community fork of Feather Icons with ongoing icon additions and updates. The project maintains a Discord community and accepts contributions through GitHub.
Design tool integration
Includes a Figma plugin for direct access to the icon library within design workflows, enabling designers to use the same icons that developers implement.
import { createIcons, Menu, User, Settings } from 'lucide';
// Replaces all <i data-lucide="menu"></i> elements with SVG icons
createIcons({
icons: {
Menu,
User,
Settings
}
});Hotfix @lucide/svelte hasA11yProp.js import
- –fix(@lucide/svelte): Fix build
Lucide 0.563.0 adds aria-hidden attribute by default to all icon packages for better accessibility and includes various icon fixes and improvements.
- –chore(dev): Enable ligatures in font build configuration
- –chore(repo): add Android to brand stopwords
- –fix(site): add missing titles and a title template
- –fix(site): unify and improve the styling of input fields
- –fix(icons): changed star-off icon
This release fixes several icon and component issues while adding a new toolbox icon and improving tree-shaking support.
- –fix(icons): changed paint-bucket icon
- –fix(site): Fix and unify color-picker font-size
- –fix(react-native-web): only add className prop to parent Icon component
- –fix(lucide-react-native): remove icons namespace export to enable tree-shaking
- –feat(icons): added toolbox icon
See how people are using Lucide
Top in Frontend
Related Repositories
Discover similar tools and frameworks used by developers
Chakra UI
Themeable React components with built-in accessibility and Emotion styling.
HTML5 QR Code
Camera and file-based QR/barcode scanning library.
RemixIcon
3100+ neutral-style SVG icons in outlined and filled variants.
Zustand
Immutable store-based React state management without boilerplate.
Awesome CSS Frameworks
Categorized catalog of CSS frameworks with GitHub metrics.