Browser support tables — check before you code and save yourself rework
Lucide
An open-source icon library with a clean line style — well suited for project icons
Content updated · 2026-09-07
What is it · 它是什么
What is Lucide?
Lucide is an open-source icon library, forked from the Feather Icons community and expanding ever since: a unified 24px grid with a clean line style — neutral enough not to steal the show, which makes it the safe choice for interface icons. Official packages exist for React, Vue, Svelte, and more, tree-shakeable so they don't bloat your bundle.
How to use · 怎么用
How to use Lucide
- Search by keyword on the site, open an icon, tweak stroke width and size.
- Copy the SVG, or install the package for your framework (React, Vue, Svelte and more).
- In projects, use the components consistently and let your styles drive color and stroke.
- When you're out of ideas, browse by category — the naming is disciplined, so searches like arrow, user, or settings almost always hit.
Key features · 核心特点
Key features of Lucide
- A consistent, restrained style that mixes well and swaps without redesign
- Official packages for mainstream frameworks, with component usage and tree-shaking
- Stroke width, size, and color are all parameters — one set adapts to many contexts
- Free and open source under the ISC license, commercial use permitted
Related sites
A color palette generator — press one key, get a full scheme
A free web font library for both CJK and Latin typefaces