Lucide

Icon set (1,768 icons)

FreeImages & asset pipelineslucide.dev

What it is

Community fork and continuation of Feather Icons — same 24px grid and 2px stroke, vastly expanded. Already in your Lovable project, because shadcn/ui ships with it. Named exports, so props and Tailwind classes pass straight through to the SVG.

Why it earns a slot

Default to this for the entire interface icon layer and only reach elsewhere when a glyph genuinely does not exist.

Know before you commit

Never do import * as Icons from 'lucide-react' or dynamic-name lookups — it defeats tree-shaking and pulls all 1,768 icons into the bundle. Stroke-only; if the design needs filled icons you are managing two sets.

Getting started

npm install lucide-react

Field notes

0 from the community

Loading notes…

Field check

Unverified

Pricing snapshot

Free · ISC

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate Lucide (https://lucide.dev/) for this project, then use it only if it fits what we are already building.
Context: Icon set (1,768 icons). Community fork and continuation of Feather Icons — same 24px grid and 2px stroke, vastly expanded. Already in your Lovable project, because shadcn/ui ships with it. Named exports, so props and Tailwind classes pass straight through to the SVG.
Reviewer notes (general, not written for this codebase): Default to this for the entire interface icon layer and only reach elsewhere when a glyph genuinely does not exist.
Watch out for: Never do import * as Icons from 'lucide-react' or dynamic-name lookups — it defeats tree-shaking and pulls all 1,768 icons into the bundle. Stroke-only; if the design needs filled icons you are managing two sets.
Pricing: Free · ISC
Setup: npm install lucide-react
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/lucide