Replace custom UI chrome icons with lucide-react equivalents

[kmcginnes]

Task

The app ships a large set of hand-drawn SVG icons in src/components/icons/ for general UI chrome (add, check, chevrons, database, delete, edit, error, filter, grid, info, loader, reset, save, search, send, sync, upload, etc.). lucide-react is already a dependency and is used in ~30 places, so these custom icons are redundant with maintained, consistent lucide equivalents.

Replace the general-purpose custom icons with their lucide equivalents, delete unused icons, and keep only the icons that have no lucide match or are domain/brand specific.

Scope

• Replace general-purpose custom icons with lucide equivalents (import *Icon names directly from lucide-react at call sites; no wrapper layer).
• Delete unused custom icons.
• Keep: the product logo, GraphIcon/EdgeIcon domain glyphs, the edge arrow-head/line-style pickers, and the comparison-operator icons (no lucide match).
• Slim the components/icons barrel to the kept icons.

Related

• Distinct from Add built-in Lucide icon library for node styling #1774 (the node-styling icon picker library for user data) — this is about the app's own UI chrome icons.
• Sibling to the geometry-derived icon dedups (Derive edge arrow-style icons from cytoscape arrow geometry #1985, Derive line-style icons and edge-detail line from CSS border style #1986).

Notes

Implemented on branch lucide-icons.

Important

Internal only — this issue is maintained by the core team and is not accepting external contributions.