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
}
});Adds new chess piece icons and fixes Preact className handling; no breaking changes or migrations required.
- –Use new chess piece icons and `mouse-pointer-2-off` icon in your designs; `ruler-dimension-line` icon geometry changed.
- –Update lucide-preact to fix `className` prop handling if you rely on custom CSS classes in Preact components.
Minor icon update adding one new icon and fixing visual consistency in file icons; no breaking changes or migration required.
- –Use the new `solar-panel` icon for renewable energy or hardware UI elements.
- –File icon fold lines now render with consistent arc styling across the icon set.
Adds a single new icon; no breaking changes, migrations, or dependency updates mentioned.
- –Use the new `clock-check` icon in your icon set if needed for UI updates.
- –Release notes do not specify breaking changes, version requirements, or security fixes.
See how people are using lucide
Related Repositories
Discover similar tools and frameworks used by developers
imgui
Immediate mode GUI library for 3D applications.
dash
Build reactive web apps with Python callbacks.
astro
Static site generator with selective component hydration.
daisyui
Semantic component classes extending Tailwind CSS utilities.
tailwindcss-typography
Cascading typographic styles for unstyled HTML containers.