- Home
- Icon Libraries
- Lucide
Lucide
What it is
Lucide is a free, open-source icon library with more than 1,600 vector SVG files for digital and non-digital projects. Its shared design rules aim to keep icons recognizable, consistent, and readable at different sizes. Color, size, and stroke width can be customized, and SVG compression and tree-shaking let projects include only the icons they use. Official packages cover web, React, React Native, Vue, Svelte, Preact, Solid, Angular, Astro, and static usage. The static package includes individual SVG files, sprites, icon fonts, and JavaScript exports of SVG strings. Lucide also provides a Figma plugin. Its React package offers standalone components that render optimized inline SVGs, with TypeScript support and customizable properties. The ISC License permits use, copying, modification, and distribution subject to notice requirements, while disclaiming warranties and liability. Icons are hidden from screen readers by default, so meaningful or interactive icons need labels. The Svelte package is for Svelte 5; Svelte 4 users are directed to lucide-svelte.
For and against
For
- More than 1,600 vector SVG icons
- Customization includes color, size, and stroke width
- Official packages cover multiple frameworks
- Includes a Figma plugin
Against
- Icons are hidden from screen readers by default
- The Svelte package is for Svelte 5
- The license disclaims warranties and liability
The verdict
Lucide offers a broad set of customizable icons and packages, including static assets and a Figma plugin. Add labels when icons convey meaning or act as controls, and check the Svelte version compatibility if relevant.
Who it suits
Lucide suits designers and developers who want customizable icons in varied frameworks and formats. Its open-source license permits commercial use, subject to notice requirements.
Plans and prices
Free (ISC-licensed)
No paid tiers or usage limits stated on the pages reviewed
Read 11 Oct 2026 · lucide.dev
On the record
- Accessibility
- Lucide icons are hidden from screen readers by default, and the accessibility guide advises adding labels when icons carry meaning or act as controls.lucide.dev · read 11 Oct 2026
- Community and support
- The project directs users to GitHub and Discord for community questions and lists GitHub issues as a project resource.lucide.dev · read 11 Oct 2026
- Contribution
- Lucide describes itself as community-made and provides guidance for contributing icons.lucide.dev · read 11 Oct 2026
- Contributions
- Community members can contribute icons, code, documentation, or help triage issues.lucide.dev · read 11 Oct 2026
- Customization
- Icons can be customized, including their color, size, and stroke width.lucide.dev · read 11 Oct 2026
- Design
- The icons follow shared design rules intended to keep them consistent, recognizable, and readable at different sizes.lucide.dev · read 11 Oct 2026
- Design integration
- Lucide provides a Figma plugin.lucide.dev · read 11 Oct 2026
- Figma
- Lucide provides a Figma plugin linked from its installation guide.lucide.dev · read 11 Oct 2026
- Framework support
- Official packages are listed for web, React, React Native, Vue, Svelte, Preact, Solid, Angular, Astro, and static usage.lucide.dev · read 11 Oct 2026
- Icon design
- Lucide says its design rules aim for icons that are recognizable, consistent in style, and readable at all sizes.lucide.dev · read 11 Oct 2026
- License
- Lucide uses the ISC License, which permits use, copying, modification, and distribution for any purpose with or without a fee, subject to its notice requirements.lucide.dev · read 11 Oct 2026
- License limitation
- The ISC license text provides the software as is and disclaims warranties and liability for damages.lucide.dev · read 11 Oct 2026
- Notable compatibility limit
- The @lucide/svelte package is for Svelte 5; Svelte 4 users are directed to lucide-svelte.lucide.dev · read 11 Oct 2026
- Optimization
- Lucide uses SVG compression and tree-shaking so projects can ship only the icons they use.lucide.dev · read 11 Oct 2026
- Package manager support
- The installation guide shows commands using pnpm, yarn, npm, bun, and deno.lucide.dev · read 11 Oct 2026
- React features
- The React package provides standalone components that render optimized inline SVGs, with TypeScript support and customizable properties.lucide.dev · read 11 Oct 2026
- Static assets
- The static package includes individual SVGs, SVG sprites, icon fonts, and JavaScript exports of SVG strings.lucide.dev · read 11 Oct 2026
- Support
- The project directs users to its Discord server and GitHub Discussions to ask questions and connect with the community.lucide.dev · read 11 Oct 2026
