Skip to content

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

  1. Search by keyword on the site, open an icon, tweak stroke width and size.
  2. Copy the SVG, or install the package for your framework (React, Vue, Svelte and more).
  3. In projects, use the components consistently and let your styles drive color and stroke.
  4. 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